홈앤서비스 SK BROADBAND

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

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

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 유용한 비주얼 스튜디오 코드 확장 프로그램 설치