프런트엔드 레벨을 높이는 자바스크립트 퀴즈북

엄서영 , 김지원 , 백종현 , 이성근 , 이준호 , 정수현 , 조나영 지음

한빛미디어 2025년 09월 22일 출간 국내도서 : 2025년 09월 24일 출간

작품소개

책소개

이 책은 프레임워크나 라이브러리에 가려 놓치기 쉬운 자바스크립트의 본질을 ‘퀴즈’로 정면 돌파하는 실전 가이드다. 기술 면접 빈출 문제와 현업 이슈를 바탕으로 한 단계별 퀴즈를 풀며 개념의 허점을 스스로 발견하고 그 즉시 채운다. 각 퀴즈에는 실무 팁과 리팩터링 핵심, 면접 꼬리 질문까지 촘촘히 담아 자바스크립트가 ‘왜 이렇게 동작하는지’를 깊이 이해할 수 있다. 더불어 빅테크 현업 개발자 인터뷰를 통해 책에서 학습한 개념이 실제 코드에 어떻게 쓰이는지 생생히 확인하고, AI가 작성한 코드를 비판적으로 분석하여 실무에 안전하게 적용하는 방법까지 익힌다. 빠르게 변하는 프런트엔드 생태계에서도 흔들리지 않는 기본기를 갖추고 싶다면 프레임워크를 넘어 자바스크립트의 진짜 실력을 이 책으로 완성하자.

목차

| CHAPTER 01 | 타입

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__자바스크립트의 데이터 타입
__타입 변환
__값과 타입의 비교
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 02 | 객체

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__객체 생성하기
__객체 속성 다루기
__객체 동결하기
__객체 전달하기
__객체 복사하기
__객체 더 알아가기
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 03 | 스코프와 클로저

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__스코프
__변수 호이스팅
__함수 호이스팅
__재선언과 섀도잉
__클로저
__IIFE
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 04 | 함수

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__함수 정의하기
__일급 함수와 고차 함수
__재귀 함수
__순수 함수와 부수 효과
__비동기 함수
__생성자 함수
__바인딩된 함수
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 05 | this

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__전역 컨텍스트에서의 this
__함수에서의 this
__클래스에서의 this
__실무에서의 this
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 06 | 비동기

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__이벤트 루프
__프로미스
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 07 | 클래스와 프로토타입

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__프로토타입
__프로토타입과 상속
__클래스
__클래스와 상속
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 08 | 이벤트

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__웹에서의 이벤트
__이벤트 캡처링과 버블링
__합성 이벤트
__인라인 이벤트 핸들러
__Node.js에서의 이벤트
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

| CHAPTER 09 | 모듈

SECTION 01 셀프 실력 점검
SECTION 02 뇌를 깨우는 워밍업 퀴즈
SECTION 03 핵심 개념 파헤치기
__모듈의 기초
__모듈 활용하기
__모듈 더 알아보기
__과거 모듈 시스템과 비교하기
[Ask-AI 질문 플레이북]
SECTION 04 실전 레벨업 퀴즈 챌린지
SECTION 05 리얼 현장 인터뷰

출판사 서평

★ 프레임워크 없이 익히는 순수 자바스크립트 실전 가이드
★ 빅테크 현업 개발자에게 직접 배우자!

프런트엔드 개발자로 성장하려면 반드시 넘어야 할 언어, 자바스크립트. 프레임워크와 라이브러리에 지나치게 의존하다 보면 어느 순간 벽에 부딪히게 된다. 이때 필요한 것은 더 많은 문법이 아니라 ‘자바스크립트의 본질을 꿰뚫는 힘’이다.
이 책은 프레임워크가 대신 처리해주던 영역을 직접 이해하고 다룰 수 있도록 설계했다. this 바인딩, 클로저, 비동기 처리 같은 난제를 퀴즈로 풀며 언어의 실행 원리를 익히고 해설을 통해 왜 그런지까지 납득하게 한다. 더 나아가 현업 개발자의 실무 경험담을 통해 실제 코드가 어떻게 동작하는지, 문제를 어떻게 해결해야 하는지 그리고 코드 품질 개선까지 한 번에 잡는다. 더 이상 프레임워크에 기대지 말자. 국내 대표 IT 기업 개발자의 통찰이 담긴 이 책으로 자바스크립트 본연의 힘을 기르고 면접 대비는 물론 실무 감각까지 한 단계 끌어올릴 차례다.

★ 이 책의 모든 퀴즈를 완주하면
★ ‘자바스크립트를 마스터했다’고 자신 있게 말할 수 있다!

이 책은 퀴즈 중심 학습서다. 실무에서 자주 맞닥뜨리는 문제 상황과 기술 면접 기출을 기반으로 다양한 퀴즈를 구성했다. 단계별 퀴즈와 꼬리 질문을 통해 기술 면접의 핵심 출제 유형에 철저히 대비하고 더 나은 풀이까지 짚어준다. 마지막 장을 덮는 순간, 단순히 문법을 나열하는 개발자가 아니라 동작 원리를 이해하고 문제 해결 능력까지 갖춘 개발자로서 당당히 ‘자바스크립트를 마스터했다’고 말할 수 있을 것이다.

★ 국내 대표 IT 기업 개발자들의 문제 해결 노하우가 담긴 인터뷰
★ AI에게 던질 좋을 질문 예시까지!

모든 챕터에 현직 카카오 개발자 인터뷰를 담아 학습한 개념이 실제 현장에서 어떻게 쓰이는지 생생히 보여준다. 이를 통해 이론 학습을 넘어 실무 상황에 맞게 문제를 어떻게 분석하고 어디에 초점을 두어 해결하는지 실전 감각을 기를 수 있다. 또한 개념 점검, 코드 리뷰 등에 AI를 효과적으로 활용하도록 AI에게 던질 만한 질문 템플릿을 제공한다. 현직 개발자의 인사이트와 AI 활용 학습법을 동시에 익힐 수 있는 이 책으로 탄탄한 실무 역량과 경쟁력을 갖춰보자.

이 책의 독자
_프레임워크는 익숙하지만 자바스크립트의 근본이 약하다고 느끼는 개발자
_자바스크립트 코드의 동작 원리를 깊이 이해하고 싶은 개발자
_기술 면접 합격과 실무 역량 강화를 동시에 잡고 싶은 예비 개발자
_AI 시대를 대비해 코드 분석과 응용력을 높이고 싶은 개발자

먼저 읽은 베타리더의 한마디
_‘퀴즈북’이라는 제목이 가볍게 느껴질 수 있지만 이 책은 결코 겉핥기 수준이 아니다. (박성경, 4년 차 웹 개발자)
_현직 개발자 인터뷰로 개념이 실제 업무에 어떻게 쓰이는지 엿볼 수 있어 마치 실무자와 커피챗을 하고 온 듯한 느낌이었다. (박채연 님, 취업 준비생)
_반복 학습 덕분에 개념이 오래 남고 곧바로 업무에 활용할 수 있다는 자신감이 생겼다. (서재완, 3년 차 프런트엔드 개발자)
_허점을 찌르는 날카로운 퀴즈를 제시하여 능동적으로 사고하고 개념에 더욱 집중할 수 있도록 이끈다. (송진섭, 4년 차 풀스택 개발자)
_프런트엔드 프레임워크를 배우기 전에 꼭 읽어야 할 바이블이다. (송형곤, CJ ENM 커머스 부문 18년 차 프런트엔드 개발자)
_특히 현직 개발자들의 실무 경험이 담긴 인터뷰는 감격스러울 정도다. 평소 접하기 어려운 고급 노하우를 들을 수 있는 소중한 기회였다. (이소연, 7년 차 웹 개발자)
_퀴즈를 풀며 부족한 부분이 무엇인지 바로 파악할 수 있었고 면접 준비까지 철저히 한 느낌이다. (이장훈, 5년 차 인프라 엔지니어)

인물정보

저자(글) 엄서영

펭귄을 덕질하는 프런트엔드 개발자입니다. 사용자와 가장 가까운 기술이라는 점에 끌려 프런트엔드에 발을 들였고 현재는 카카오에서 비즈/광고 관련 서비스를 개발하고 있습니다.

저자(글) 김지원

세상의 모든 예쁘고 귀여운 것들을 수집합니다. 화면 꾸미기에 대한 관심으로 프런트엔드 개발을 시작했고 현재는 카카오에서 AI 관련 서비스를 만들고 있습니다. UI/UX에 대해 고민하고 결과물을 만들어가는 과정에서 즐거움을 느끼며, 특히 동료들과 함께 성장하고 즐겁게 일하는 것에 관심이 많습니다.

저자(글) 백종현

바다와 수영을 좋아하는 자유로운 영혼의 개발자입니다. 지식을 나누고 함께 성장하는 코드 리뷰를 즐깁니다. 현재 카카오에서 광고 서비스를 개발하고 있습니다.

저자(글) 이성근

좋은 코드란 무엇인지 늘 고민합니다. 읽기 쉬운 코드를 쓰기 위해 노력하며 현재는 카카오에서 광고 관련 서비스를 만들고 있습니다.

저자(글) 이준호

20년 가까이 다양한 웹 개발 현장에서 깊이 있는 경험을 쌓아왔습니다. 어떤 프레임워크나 라이브러리를 사용하든 결국 흔들리지 않는 바닐라 자바스크립트 실력이 가장 큰 경쟁력이라고 믿으며, AI가 코드를 쓰는 시대에도 개발자는 코드를 보는 감각과 언어의 본질을 꿰뚫는 힘을 반드시 갖춰야 한다고 생각합니다. 행복은 집중하는 행위 자체에 있다고 믿기에 오늘도 더 나은 질문과 답을 찾기 위해 공부합니다.

저자(글) 정수현

개발을 통해 얻은 경험과 지식을 나누는 일에 가치를 둡니다. 기록하며 배우고, 공유하며, 성장하는 것을 좋아합니다. 카카오에서 비즈니스와 광고 도메인 서비스 개발을 맡고 있습니다.

저자(글) 조나영

하고 싶은 것도, 재미있는 것도 너무 많아 하루하루가 바쁜 개발자입니다. 다음엔 어떤 새로운 도전을 할지 늘 궁리 중이며 현재는 카카오에서 예약하기 서비스를 개발하고 있습니다.