기초부터 완성까지, 프런트엔드

개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드

이재성 , 한정 지음

비제이퍼블릭 2021년 11월 24일 출간 종이책 : 2021년 11월 29일 출간

작품소개

책소개

드디어, 최초의 개론서가 나왔습니다!
프런트엔드의 개념과 원리를 모두 담은 “프런트엔드의 정석”

1. 개념과 실습, 적용과 효율을 모두 잡은 도서!
탄탄하게 개념을 잡고, 개념을 바로 적용하며 이해할 수 있도록 실습 활동을 추가했습니다.
현업에 적용할 수 있는 기술과 업무의 효율을 높여주는 기술, 모두 놓치지 않고 담았습니다.
두 마리의 토끼를 다 잡고 싶은 욕심꾸러기 독자분께 이 도서를 추천합니다.

2. 개론서로 두고두고 보고 싶은 도서!
무엇이든 제대로 공부하기 위해서는 개론서 하나쯤은 필요합니다.
하지만 막상 어떤 도서를 개론서로 보며 공부해야 할지 모르는 독자분께 이 도서를 추천합니다.
더 이상 어떤 책으로 공부할지 고민하지 마세요. ‘기초부터 완성까지, 프런트엔드’가 정답입니다.

3. 최신 WEB 기술을 반영한 가장 트렌디한 도서!
베타 리더들이 인정한, 최신 WEB 기술까지 완벽하게 반영된 도서!
특히 프런트엔드에서 트렌디함은 매우 중요한 요소입니다.
최신 WEB 기술까지 꼼꼼하게 반영했으니 이 책, 놓치지 마세요!

목차

저자 소개
서문
베타 리더 추천사
이 책의 구성
프로젝트
감사의 말

1부

[1장. 프런트엔드 개발이란?]
1.1. 정의
1.2. 프런트엔드 개발의 과거와 현재
1.2.1. 프런트엔드 개발 영역의 확장
1.3. 개발 프로세스
1.3.1. 요구 사항 분석
1.3.2. 설계
1.3.3. 개발
1.3.4. 배포

[2장. HTML과 CSS]
2.1. HTML
2.1.1. HTML 요소 구성 살펴보기
2.1.2. HTML 요소 분류하기
2.1.3. HTML 문서 골격 만들기
2.1.4. 시맨틱(Semantic)
2.1.5. SEO(Search Engine Optimization)
2.2. CSS
2.2.1. 작성 방법
2.2.2. 상속
2.2.3. 선택자
2.2.4. 우선순위와 명시도(Specificity)
2.2.5. 박스 모델과 여백 상쇄
2.2.6. flex를 이용한 레이아웃 만들어 보기
2.2.7. 반응형 웹을 위한 미디어 쿼리
2.3. 접근성(Accessibility, a11y)
2.3.1. 웹 접근성 지침
2.4. 정리하기

[3장. 자바스크립트 기초 - 타입과 구문]
3.1. 변수 선언
3.1.1. var
3.1.2. let과 const
3.2. 객체와 타입
3.2.1. number
3.2.2. string
3.2.3. boolean
3.2.4. null과 undefined
3.2.5. Symbol
3.2.6. BigInt
3.2.7. 객체
3.3. 배열
3.3.1. 배열의 생성
3.3.2. 원소 접근과 동적인 원소 생성
3.3.3. 희소 배열
3.3.4. length 프로퍼티
3.3.5. 배열 조작
3.3.6. 유사 배열 객체
3.4. 랩퍼(Wrapper) 객체
3.4.1. 언박싱(Unboxing)
3.5. 구문과 연산자
3.5.1. 표현식(Expression)
3.5.2. 문(Statement)
3.5.3. 연산자(Operator)
3.6. 정리하기

[4장. 자바스크립트 기초 - 타입 변환과 함수]
4.1. 타입 변환
4.1.1. 명시적 강제 변환
4.1.2. 객체의 원시 타입 변환
4.1.3. 암시적 강제 변환
4.2. 함수
4.2.1. 함수란 무엇인가?
4.2.2. 함수의 정의 방법
4.2.3. 함수의 호출
4.2.4. 화살표 함수
4.2.5. this
4.3. 정리하기

[5장. 자바스크립트 심화 - 프로토타입과 스코프]
5.1. 프로토타입
5.1.1. 프로토타입과 프로토타입 체인
5.1.2 프로토타입과 생성자 함수
5.1.3. 프로토타입의 확장과 상속
5.1.4. class
5.2. 스코프(scope)
5.2.1. 함수 스코프와 블록 스코프
5.2.2. 렉시컬 스코프
5.3. 호이스팅(Hoisting)
5.3.1. 스코프별로 동작하는 호이스팅
5.3.2. 함수 선언문의 호이스팅
5.4. 클로저(closure)
5.4.1. 모듈 패턴
5.5. 모듈
5.5.1. export, import
5.5.2. default export
5.5.3. 식별자 충돌 피하기
5.5.4. 〈script type="module"〉
5.6. 정리하기

[6장. 자바스크립트 심화 - 실행 컨텍스트]
6.1. 실행 컨텍스트란 무엇인가?
6.2. 실행 컨텍스트의 구성 요소
6.2.1. Envinronment Records와 스코프 체인
6.2.2. 다양한 Envinronment Records
6.2.3. Lexical Environment와 Variable Environment
6.3. 실행 컨텍스트의 생성 과정
6.3.1. 1단계: 전역 컨텍스트 생성과 바인딩
6.3.2. 2단계: foo 실행 컨텍스트 생성과 바인딩
6.3.3. 3단계: bar 실행 컨텍스트 생성과 바인딩
6.3.4. 4단계: console.log() 메

출판사 서평

개념과 실습, 두 마리 토끼를 잡고 싶은 욕심꾸러기 독자분께 추천합니다!

프런트엔드 개발을 위해 알아야 할 내용이 너무 많지 않나요? 다양한 강의와 웹 사이트에서 정보를 찾을 순 있지만, 파편화된 정보들을 정리하고 모으는 것도 충분히 어렵지 않으셨나요?

그렇게 힘들게 공부하고 계실 주니어 개발자들에게, 지름길을 알려 드리고자, 이 도서를 제작했습니다.
이 도서로 프런트엔드의 전반적인 흐름을 익혀 방향을 잡고, 꾸준히 성장하는 개발자가 되길 바랍니다.

작가정보

저자(글) 이재성

저자 : 이재성
현재 NHN FE 개발팀에서 프런트엔드 개발자로 재직 중입니다. 자바스크립트 기반 오픈 소스인 TOAST UI Editor와 TOAST UI Grid 메인테이닝 업무를 담당하고 있으며, NHN Cloud FE 개발 업무도 병행하고 있습니다. 간결하고 깔끔한 코드 작성을 목표로 끊임없는 리팩토링을 지향하는 개발자입니다. 프로그래밍 전반적인 패러다임과 방법론에 대해 관심이 많으며, 쏟아지는 기술 속에서 끊임없는 학습은 개발자의 숙명임을 매 순간 깨닫고 있습니다.

저자 : 한정
대학 졸업 후 NHN에서 본격적인 개발자 커리어를 시작했습니다. 자바스크립트 기반 오픈 소스인 TOAST UI Chart와 Grid 메인테이닝 업무를 담당했고 자바스크립트 관련 가이드와 기술 공유를 담당했습니다. 현재는 LINE+에서 동영상 플랫폼 개발 업무를 담당하고 있습니다. 자바스크립트로 만들어지는 모든 도구에 관심이 많으며, 도구를 만드는 사람으로서 좋은 DX(DeveloperExperience) 가치를 담기 위해 노력하고 있습니다.

저자(글) 한정