Page 26 -

1.4
프런트엔드

로드맵 소개

프런트엔드 개발자가 되려면 어떤 기술을 배워야 할까요? 웹 브라우저에 표시되는 웹 페이
지를 만드는 것이 주된 역할이므로 기본 언어인 HTML, CSS, 자바스크립트를 배워야 합니

다. 그리고 코드 관리를 위한 버전 관리 시스템도 필수로 공부해야 합니다. 또한 CSS와 자
바스크립트의 심화 기술, 협업을 위한 각종 개발 도구, 자바스크립트 기반 프레임워크 등을
공부해 프런트엔드 개발 전문가로 발돋움하는 발판을 마련해야 합니다.

이 책에서 다루는 프런트엔드 로드맵은 그림 1-8과 같습니다. 여기서는 대략적인 개요만 머

릿속에 넣어두고, 2장부터 이 로드맵을 따라가면서 각 기술을 자세히 배워봅시다.

● 네트워크와 인터넷(2장)

프런트엔드 개발자라면 클라이언트와 서버의 통신 과정에 적용되는 네트워크와 인터넷
기초 지식을 알고 있어야 하며, 이는 책 한 권으로도 모자랄 만큼 방대한 분량입니다. 이
책에서는 간략히 인터넷의 발전 과정과 DNS, IP, 도메인 네임 같은 네트워크의 기초 개

념을 알아봅니다.

● HTML, CSS, 자바스크립트(3장)

HTML, CSS, 자바스크립트는 프런트엔드 개발자가 되기 위해 반드시 배워야 하는 언어
입니다. HTML과 CSS는 무난하게 배우지만 자바스크립트는 어려워서 중간에 포기하는

경우가 많은데, 진정한 프런트엔드 개발자가 되려면 자바스크립트를 다룰 줄 알아야 합
니다.

● HTML, CSS, 자바스크립트 심화 기술(4장)

• HTML 전처리기: HTML에 익숙해졌다면 HTML 언어의 불편함을 느낄 수밖에 없습니
다. HTML은 마크업 언어(markup language)라서 불필요하게 정형화된 작성 규칙이 있

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

아는 만큼 보이는 프런트엔드 개발 내지.indd 34 2023. 9. 12. 오후 2:18