AI와 함께 하는 WEB-CODING 기초

전병우

저자:전병우

제1장AI시대의코딩-왜AI와함께코딩을배워야하는가ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ7
1.산업혁명의흐름과현재ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ9
2.AI시대의사회변화와계급구조ㆍㆍㆍㆍㆍㆍ10
3.코딩교육의중요성ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ13
4.AI의중요성과영향력ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ14
5.AI와함께하는코딩의장점ㆍㆍㆍㆍㆍㆍㆍㆍㆍ15
6.실습:AI를활용한첫코딩경험ㆍㆍㆍㆍㆍㆍㆍ16

제2장코딩을시작하기전에갖추어야할필수지식ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ19
1.코딩의본질과가치ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ21
2.개발에필요한필수프로그램ㆍㆍㆍㆍㆍㆍㆍㆍ23
3.개발환경구축실습ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ25

제3장AI의기본개념과ChatGPT활용법ㆍ27
1.AI기반코딩의필요성과장점ㆍㆍㆍㆍㆍㆍㆍ29
2.AI의기본개념과발전과정ㆍㆍㆍㆍㆍㆍㆍㆍ30
3.LLM(LargeLanguageModel)의심층이해ㆍ32
4.프롬프트엔지니어링의고급기법ㆍㆍㆍㆍㆍㆍ34
5.ChatGPT실전활용완벽가이드ㆍㆍㆍㆍㆍㆍ35
6.실전응용을위한추가팁ㆍㆍㆍㆍㆍㆍㆍㆍㆍ39

제4장ChatGPT를활용한플래시카드웹애플리케이션개발ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ41
1.플래시카드웹애플리케이션개발프로세스ㆍㆍ43
2.실전개발과정ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ44

제5장웹서비스의기본구조와작동원리ㆍㆍ51
1.AI활용의확장성과가능성ㆍㆍㆍㆍㆍㆍㆍㆍㆍ53
2.웹서비스의기본구조와작동원리ㆍㆍㆍㆍㆍ54
3.IT서비스용어정리ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ59

제6장ChatGPTAPI를활용한웹애플리케이션개발ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ61
1.API의기본개념과활용ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ63
2.ChatGPTAPI실전구현ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ64
3.웹애플리케이션구현상세ㆍㆍㆍㆍㆍㆍㆍㆍㆍ66
4.애플리케이션고도화방안ㆍㆍㆍㆍㆍㆍㆍㆍㆍ70

제7장도메인설정과AWS서버구축ㆍㆍㆍ73
1.도메인과서버의기본개념ㆍㆍㆍㆍㆍㆍㆍㆍㆍ75
2.도메인구입과정상세가이드ㆍㆍㆍㆍㆍㆍㆍㆍ76
3.AWS서버구축상세가이드ㆍㆍㆍㆍㆍㆍㆍㆍ78
4.도메인과AWS연결과정ㆍㆍㆍㆍㆍㆍㆍㆍㆍ80
5.서버활용방안ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ81

제8장서버개발환경구축-LAMP스택의이해와구현ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ83
1.웹개발의균형잡힌접근법ㆍㆍㆍㆍㆍㆍㆍㆍㆍ85
2.LAMP스택의상세이해ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ86
3.MariaDB데이터베이스ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ87
4.실전서버구성가이드ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ88
5.시스템통합및테스트ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ91
6.문제해결및디버깅ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ92

제9장HTML의기초와실전학습가이드ㆍㆍ95
1.웹프론트엔드의기술적토대ㆍㆍㆍㆍㆍㆍㆍㆍ99
2.HTML의핵심개념과구조ㆍㆍㆍㆍㆍㆍㆍㆍ103

제10장CSS의기초와실전활용-현대웹디자인의핵심ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ127
1.웹스타일링의기술적진화ㆍㆍㆍㆍㆍㆍㆍㆍ129
2.CSS의기본개념과구조ㆍㆍㆍㆍㆍㆍㆍㆍㆍ130
3.CSS의적용방식과우선순위ㆍㆍㆍㆍㆍㆍㆍ134
4.CSS레이아웃시스템ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ139
5.CSS애니메이션과트랜지션ㆍㆍㆍㆍㆍㆍㆍ146
6.반응형웹디자인ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ150
7.CSS최적화와성능ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ153
8.GPT를활용한CSS개발노하우ㆍㆍㆍㆍㆍ154

제11장JavaScript와jQuery-동적웹프로그래밍의기초ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ159
1.동적웹개발의시작ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ161
2.JavaScript기초ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ162
3.jQuery심화ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ167
4.GPT를활용한JavaScript/jQuery개발노하우175

제12장JavaScript플러그인활용ㆍㆍㆍ179
1.플러그인의이해와활용ㆍㆍㆍㆍㆍㆍㆍㆍㆍ181
2.주요JavaScript플러그인소개ㆍㆍㆍㆍㆍㆍ182
3.플러그인리소스사이트ㆍㆍㆍㆍㆍㆍㆍㆍㆍ184
4.플러그인활용전략ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ186

제13장GPTAPI를활용한퀴즈웹애플리케이션개발-기초구현ㆍㆍㆍㆍㆍㆍㆍㆍㆍ189
1.애플리케이션기획단계ㆍㆍㆍㆍㆍㆍㆍㆍㆍ191
2.프로젝트구조및파일구성ㆍㆍㆍㆍㆍㆍㆍ192
3.OpenAIAPI설정ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ195
4.VisualStudioCode작업ㆍㆍㆍㆍㆍㆍㆍㆍ195
5.개발자도구활용ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ196
6.다음단계계획ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ197

제14장퀴즈웹애플리케이션의UI/UX최적화와고도화ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ199
1.UI/UX의중요성ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ201
2.개발자도구를통한디버깅ㆍㆍㆍㆍㆍㆍㆍㆍ201
3.오류해결과정ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ202
4.OpenAIAPI최적화ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ203
5.인터페이스한글화ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ204
6.반응형디자인구현ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ205
7.추가개선가능사항ㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍㆍ206

제15장백엔드연동과개발과정의완성ㆍㆍ209
1.원격개발환경구축하기ㆍㆍㆍㆍㆍㆍㆍㆍㆍ211
2.Node.js와Express설치하기ㆍㆍㆍㆍㆍㆍ212
3.Express애플리케이션구성하기ㆍㆍㆍㆍㆍ213
4.프로젝트완성과향후발전방향ㆍㆍㆍㆍㆍㆍ215

대상
웹코딩에대한기초지식이없는사람들로,AI기술을활용하여쉽게배울수있는방법을찾고있는이들

"AI와함께하는WEB-CODING기초"라는책은웹코딩의기초를배우고자하는독자들을위해설계된실용적인가이드입니다.이책은웹개발의중요성과AI기술의통합학습의장점을강조하며,독자들이웹코딩의기본개념을이해하고실제로적용할수있도록돕습니다.

책의서론에서는웹코딩의필요성과AI가어떻게이과정에기여할수있는지를설명합니다.이어서HTML,CSS,JavaScript와같은웹개발의기초개념을다루며,웹페이지의구조와디자인원칙에대한이해를돕습니다.이러한기초지식은독자들이웹페이지를효과적으로구성하는데필수적입니다.

특히이책의특징중하나는AI의역할을강조하는것입니다.AI기술이웹개발에어떻게활용될수있는지를설명하고,TensorFlow.js나OpenAIAPI와같은AI도구와라이브러리를소개하여독자들이실제프로젝트에AI기능을통합할수있는방법을제시합니다.

또한,실습프로젝트를통해독자들은간단한웹페이지를만들고,AI기능을포함한웹애플리케이션을개발하는경험을쌓을수있습니다.이러한실습중심의접근은이론적인지식뿐만아니라실제코딩경험을통해학습효과를극대화합니다.

문제해결및디버깅섹션에서는일반적인오류와그해결방법을다루며,AI를활용한코드개선방법도소개합니다.이를통해독자들은코딩과정에서발생할수있는문제를효과적으로해결할수있는능력을기를수있습니다.

마지막으로,고급주제에서는프론트엔드와백엔드의통합,데이터베이스와의연동등더심화된내용을다루며,독자들이향후학습방향을설정할수있도록추가자료와커뮤니티를소개합니다.

이책은초보자도쉽게따라할수있도록단계별로구성되어있으며,비주얼자료를통해이해를돕는방식으로독자들에게친숙하게다가갑니다."AI와함께하는WEB-CODING기초"는웹코딩을배우고자하는모든이들에게유용한자원이될것입니다.