더 나은 웹 개발을 위한 가이드 (프런트엔드 웹 개발 라이프 사이클의 이해부터 효율적인 웹사이트 구축까지)

고승원

24년차개발자이자컨설턴트,창업가,작가,번역가,유튜버,강사,임팩트투자자등으로활동하는N잡러이다.다수의국내외글로벌기업ERP시스템을구축하는프로젝트에참여했고20개가넘는해외도시에서일한경험이있다.다섯번의창업을거쳐현재는회사세곳의일원으로일하며끊임없이도전하는삶을살고있다.

1장웹은어디에나있다

1.1웹은어떤모양을가지고있을까?
1.2문서공유를위해탄생한HTML
1.3브라우저를탑재한기기의종류

2장웹개발을위한라이프사이클

2.1웹개발라이프사이클
2.2개발전에이루어지는것
2.3개발후에이루어지는것

3장더나은HTML개발

3.1HTML은무엇인가?
3.2잘읽히는웹과그렇지못한웹
3.3브라우저렌더링최적화
3.4웹리소스최적화
3.5웹요소최적화
3.6웹이미지최적화
3.7웹비디오와오디오최적화
3.8웹공유최적화
3.9웹검색최적화

4장더나은CSS개발

4.1CSS는무엇인가?
4.2W3C표준화제정단계
4.3CSS선택자
4.4CSS박스모델과요소크기
4.5레이아웃을만들기위한CSS
4.6반응형웹
4.7사용자지정CSS속성사용하기
4.8공간시스템디자인
4.9CSS네이밍컨벤션

5장더나은자바스크립트개발

5.1바닐라자바스크립트
5.2ES2015~ES2022최신구문
5.364비트부동소수점
5.4자바스크립트메모리관리
5.5코딩컨벤션
5.6쿠키와개인정보보호법
5.7프로토타입이해
5.8Proxy객체로구현하는최신프런트엔드프레임워크
5.9HTTP응답상태코드
5.10Node.js:브라우저밖의자바스크립트

6장타입스크립트:자바스크립트에타입을더하다

6.1타입스크립트를사용해야하는이유
6.2타입스크립트사용하기
6.3타입스크립트의타입
6.4인터페이스
6.5컴파일설정

7장사용자기기에따른고려사항

7.1데스크톱에서의웹
7.2모바일에서의웹
7.3키오스크에서의웹
7.4모빌리티서비스에서의웹

8장더나은웹개발자되기

8.1노코드와로우코드가개발자를대체할까?
8.2인공지능시대개발자에게필요한역량

9장개발환경구성

9.1비주얼스튜디오코드설치
9.2Node.js설치
9.3유용한비주얼스튜디오코드확장프로그램설치

Makeyouabetterdeveloper
더나은프런트엔드웹개발자가되기위한필독서

HTML,CSS,자바스크립트를배웠다고해서효율적인웹을개발할수있는것은아니다.더나은,더실력있는웹개발자라면사용자를끌어들일수있도록검색엔진에잘읽히는웹을개발해야한다.그리고다양한기기환경에최적화된웹,쉽고빠르며필요한콘텐츠를우선으로제공하는웹을개발해야한다.이책은이러한웹을개발하는데반드시알아야할실무기술과노하우를제시하여더나은개발자가되도록돕는다.

★이책의주요내용
● 프런트엔드웹개발라이프사이클
● 다양한기기환경에최적화된웹사이트구축
● 사용자중심웹개발실무예시
● 사용자를유입시키는검색엔진최적화
● 유지보수및관리가쉬운설계기법
● 노코드·로우코드솔루션활용방법
● 더나은웹개발자가되기위해필요한인사이트

★대상독자
● HTML,CSS,자바스크립트를포함한기본적인웹개발지식을갖춘개발자
● 웹개발스킬을향상하고자하는개발자