웹 개발자가 되고 싶은데 어떻게 시작해야 할지 막막한가요?
나무가 아닌 숲을 보고
프런트엔드 공부 방향을 설정해보세요!

프런트엔드 로드맵을 따라가며 웹 개발에서 다루는 언어, 기술, 도구 등을 살펴보고 학습 순서와 방법을 조언합니다. 다양한 기술 속에서 무엇을 어디서부터 공부해야 할지 막막한 입문자를 위해 기초부터 심화까지 웹 개발자로서 성장 과정을 안내합니다. 실습 없이 예시 코드, 도식, 캡처 화면 등을 제시하면서 설명해 해당 기술을 간접적으로 체험하고 이해할 수 있습니다. 책을 다 읽고 나면 프런트엔드 개발 전체를 볼 수 있는 시야를 가지게 됩니다.

비전공자 출신으로 안드로이드/iOS 개발로 커리어를 시작해 10년이 넘는 시간 동안 프런트엔드, 백엔드 분야의 다양한 언어를 접하고 활용하며 개발자의 길을 걷고 있습니다. 현재는 온라인 코딩 교육 사이트인 수코딩과 유튜브 채널을 운영하면서 많은 사람에게 코딩을 쉽게 가르칠 수 있는 방법을 매일 끊임없이 연구하고 있습니다.

유튜브 채널 https://www.youtube.com/c/수코딩
온라인 교육 사이트 http://www.sucoding.kr

PART 1 처음 만나는 프런트엔드


1장 프런트엔드 시작하기
1.1 웹 개발의 구조
1.2 프런트엔드의 등장 배경
1.3 프런트엔드 개발자가 하는 일
1.4 프런트엔드 로드맵 소개

PART 2 프런트엔드 로드맵 따라가기


2장 네트워크와 인터넷
2.1 인터넷의 탄생과 발전 과정
2.2 도메인과 DNS

3장 HTML, CSS, 자바스크립트
3.1 들어가기 전에
3.2 HTML
3.3 CSS
3.4 자바스크립트

4장 HTML, CSS, 자바스크립트 심화 기술
4.1 HTML 전처리기
4.2 CSS 전처리기
4.3 CSS 후처리기
4.4 CSS 방법론
4.5 타입스크립트

5장 프런트엔드 개발 도구
5.1 소스 코드 에디터
5.2 버전 관리 시스템
5.3 코드 포매터
5.4 린터
5.5 패키지 매니저
5.6 모듈 번들러

6장 디자인 패턴과 프레임워크
6.1 웹 애플리케이션 디자인 패턴
6.2 자바스크립트 프레임워크
6.3 CSS 프레임워크

7장 네트워크 통신
7.1 네트워크 계층 모델과 프로토콜
7.2 HTTP
7.3 쿠키와 세션
7.4 웹 소켓

8장 API
8.1 API의 개요
8.2 API의 종류
8.3 API 디자인 패턴
8.4 API 호출 방법
8.5 API 테스트 도구

9장 테스트
9.1 테스트의 개요
9.2 테스트 방법과 유형
9.3 테스트 도구

10장 배포
10.1 서버의 동작 방식
10.2 배포 플랫폼

PART 3 프런트엔드 개발자로 성장하기


11장 공부 방향 설정하기
11.1 기업이 원하는 개발자
11.2 단계별 추천 포지션과 필수 기술
11.3 나만의 커리큘럼 짜기