더 빠르고, 더 잘 읽히는
웹사이트 구축을 위한 모든 것

이 책은 기본적인 프런트엔드 웹 개발 지식을 갖춘 개발자를 대상으로 한다. HTML, CSS, 자바스크립트 영역별로 ‘더’ 깊이 있는 개발 내용을 다룬다. 단순히 작동하는 서비스가 아닌, 다양한 기기에 최적화되고 검색 엔진에 잘 노출되며 사용자 경험을 고려한 웹을 설계하는 방법을 안내한다. 또한 인공지능 기반 솔루션을 활용하는 실용적인 인사이트를 제시한다. 이 책을 통해 웹 개발 모범 사례를 접하고 시니어 프런트엔드 웹 개발자에게 기대하는 실무 기술을 익혀 더 나은 웹을 구축할 수 있다.

소프트웨어 기술을 통해 세상에 선한 영향을 주고 싶은 22년 차 소프트웨어 개발자. 지식을 나누는 것을 좋아하고 새로운 기술을 익히는 것을 좋아한다. 국내외 약 40개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동했고, 지금은 팬임팩트코리아 기술 전문위원과 주식회사 리턴밸류의 대표이사로 일하고 있다. 리턴밸류(ReturnValues)는 가치 이상의 가치를 사용자에게, 같이 일하는 동료에게, 이웃에게, 세상에 돌려주는 이념을 품고 있다. 개발자뿐만 아니라, UX 컨설턴트, 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓아왔고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 제대로 된 지식을 전달하자는 사명감으로 지식 나눔을 하고 있다. 저서로는 비제이퍼블릭의 『디자인 씽킹을 넘어 프로그래밍 씽킹으로』, 『Vue.js 프로젝트 투입 일주일 전』과 아마존의 『The Essentials of Smart Contract Development for Solidity Developers』이 있다.

1장 웹은 어디에나 있다

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

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

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

3장 더 나은 HTML 개발

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

4장 더 나은 CSS 개발

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

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

5.1 바닐라 자바스크립트
5.2 ES2015~ES2022 최신 구문
5.3 64비트 부동소수점
5.4 자바스크립트 메모리 관리
5.5 코딩 컨벤션
5.6 쿠키와 개인정보보호법
5.7 프로토타입 이해
5.8 Proxy 객체로 구현하는 최신 프런트엔드 프레임워크
5.9 HTTP 응답 상태 코드
5.10 Node.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.2 Node.js 설치
9.3 유용한 비주얼 스튜디오 코드 확장 프로그램 설치