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

 

 

 

더 나은 웹 개발을 위한 가이드 : 프런트엔드 웹 개발 라이프 사이클의 이해부터

효율적인 웹사이트 구축까지  / 고승원  005.133고58ㄷ  자연과학열람실(4층)

 

 

책 소개

 

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

 

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

 

출판사 서평

 

Make you a better developer
더 나은 프런트엔드 웹 개발자가 되기 위한 필독서

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

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

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

 

 

< 내용 출처 : 교보문고 >