bookseek.
◎ 한국어 ⌄
코딩 자율학습 제로초의 자바스크립트 입문 책 표지

BOOKSEEK BOOK NOTES

코딩 자율학습 제로초의 자바스크립트 입문

조현영 지음

문법 예제를 따라 칠 때는 이해한 것 같았는데 빈 편집기 앞에서는 첫 줄이 떠오르지 않을 수 있습니다. 이 책은 그런 간격을 프로그램을 만드는 과정으로 메우려는 자바스크립트 입문서입니다. 조건과 반복, 객체를 배우는 설명에 그치지 않고 순서도로 해야 할 일을 나누고 화면에서 작동하는 프로그램으로 옮깁니다. 웹 페이지에서 어떤 일이 일어나게 만들고 싶은 독자에게 출발점이 분명한 책입니다.

구매하기

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

책의 기본 정보

출판사
길벗
출간일
2024-02-20
분량
600쪽
ISBN
9791140708406

이 책에서 공부할 수 있는 내용

이 책에서는 문법과 처리 순서, 웹 화면과 이벤트, 제작을 통한 실행 흐름 이해을 다룹니다. 관심 있는 항목을 아래 설명과 함께 살펴보세요.

문법과 처리 순서

  • 변수·조건·반복·객체를 프로그램이 처리할 일의 순서와 연결합니다.

웹 화면과 이벤트

  • HTML·DOM·이벤트 리스너를 통해 입력과 화면 변화를 연결하는 범위를 배웁니다.

제작을 통한 실행 흐름 이해

  • 계산기와 게임 등에서 함수·타이머·비동기 처리의 역할을 살펴봅니다.

어떤 내용을 다루나요?

문법 예제를 따라 칠 때는 이해한 것 같았는데 빈 편집기 앞에서는 첫 줄이 떠오르지 않을 수 있습니다. 이 책은 그런 간격을 프로그램을 만드는 과정으로 메우려는 자바스크립트 입문서입니다. 조건과 반복, 객체를 배우는 설명에 그치지 않고 순서도로 해야 할 일을 나누고 화면에서 작동하는 프로그램으로 옮깁니다. 웹 페이지에서 어떤 일이 일어나게 만들고 싶은 독자에게 출발점이 분명한 책입니다.

앞부분은 프로그래밍 사고력과 기본 문법을 다룹니다. 자료형과 변수, 조건문과 반복문은 서로 떨어진 암기 항목처럼 보이기 쉽습니다. 하지만 어떤 입력을 받아 어떤 결과를 보여줄지 정하면 각각의 문법이 맡을 일이 생깁니다. 책을 펼칠 때에도 문법 이름을 많이 아는지를 확인하기보다 작은 동작을 자기 말로 설명할 수 있는지를 살피는 편이 뒤의 제작 실습과 잘 이어집니다.

비동기와 타이머, 스코프와 클로저, 호출 스택과 이벤트 루프, 프로미스와 async/await도 수록합니다. 이는 처음 입력한 코드가 화면에 나타났다는 결과에서 한 걸음 더 들어갈 범위입니다. 모든 용어를 첫 독서에서 똑같이 익힐 필요는 없지만, 실행되는 시점과 코드가 놓인 위치가 다른 문제라는 질문은 남겨둘 만합니다. 관련 예제에서 막혔을 때 돌아갈 설명이 앞부분에 마련되어 있습니다.

HTML과 DOM, 이벤트를 다루는 부분은 언어 문법을 웹 화면과 연결합니다. 버튼을 누르는 행동과 화면에 값을 표시하는 일을 분리해서 생각하면 프로그램을 만들 때 빠뜨린 연결이 드러납니다. 문법을 배웠는데도 브라우저에서 무엇을 해야 할지 막막했던 독자라면 이 범위가 중요합니다. 다만 웹 디자인 전반을 다루는 책과는 다르므로, 시각적인 꾸미기보다 동작과 데이터의 이동에 초점을 두고 고를 수 있습니다.

제작 부분에는 끝말잇기와 계산기, 숫자야구 등 서로 다른 프로그램이 들어 있습니다. 같은 문법을 다시 만나는 이유도 바뀝니다. 예를 들어 입력을 판단하는 일과 결과를 계산하는 일은 모두 조건을 쓰더라도 설계할 질문이 다릅니다. 완성 화면을 빨리 재현하는 데서 멈추기보다 프로그램이 기억할 값, 사용자의 행동, 화면의 변화를 따로 적어보면 각 실습을 더 구체적인 연습으로 바꿀 수 있습니다.

순서도를 그리고 코드를 옮기는 방식은 자신의 풀이를 점검할 여지를 줍니다. 책의 답과 글자 하나까지 같아야 한다고 생각하면 동작하는 이유를 놓치기 쉽습니다. 먼저 분기와 반복의 흐름을 설명한 뒤 코드와 대조해보세요. 결과가 다를 때에도 문법의 오타인지, 처리 순서를 다르게 정했는지 나누어 볼 수 있습니다. 이런 활용은 북시크가 제안하는 읽기 방법이며 책의 수록 예제를 자기 과제로 연결하는 데 목적이 있습니다.

2024년 한국어 종이책을 소개합니다. 기초 문법과 제작 실습을 함께 다루므로 첫 프로그램을 직접 만들어보고 싶은 독자에게 어울립니다. 반면 이미 여러 프로그램을 만들고 실행 컨텍스트나 this만 집중적으로 정리하려는 독자에게는 관심 범위가 넓을 수 있습니다. 지금 필요한 것이 만들기의 흐름인지 특정 개념의 원리인지 구분하면 책을 선택하는 이유도 또렷해집니다.

특징

순서도를 코드로 옮기는 과정을 강조합니다. 문법은 익혔지만 무엇부터 작성할지 막막한 독자가 프로그램의 처리 순서를 나누어볼 수 있습니다.

기초 문법과 DOM·이벤트를 연결합니다. 콘솔에서만 실행하던 코드를 브라우저 화면의 동작으로 옮기는 범위를 함께 살펴봅니다.

12가지 프로그램 제작을 통해 배운 문법을 다시 사용합니다. 완성품의 수보다 입력·처리·출력의 관계를 비교하며 반복 연습할 수 있다는 점이 중요합니다.

비동기 처리와 실행 흐름도 포함합니다. 첫 문법 공부에서 생긴 질문을 이후 실습의 오류와 연결해 다시 찾아볼 자료가 됩니다.

목차

Part 1 자바스크립트 기초

1장 Hello, JavaScript!

2장 기본 문법 배우기

3장 심화 문법 배우기

4장 HTML과 DOM 조작하기

Part 2 만들면서 배우는 자바스크립트

5장 DOM 객체 다루기: 끝말잇기

6장 함수 사용하기: 계산기

7장 반복문 사용하기: 숫자야구

8장 타이머 사용하기: 로또 추첨기

9장 객체 다루기: 가위바위보 게임

10장 Date 사용하기: 반응속도 테스트

11장 이차원 배열 다루기: 틱택토

12장 클래스 다루기: 텍스트 롤플레잉 게임

13장 이벤트 루프 이해하기: 카드 짝 맞추기 게임

Part 3 배운 내용으로 완성하는 프로그램

14장 재귀 함수 사용하기: 지뢰 찾기

15장 키보드와 마우스 이벤트 사용하기: 2048

16장 복습: 두더지 잡기

작가 소개

조현영은 제로초라는 이름으로 자바스크립트와 웹 개발을 가르치고 관련 책을 집필해온 개발자입니다. 『Node.js 교과서』와 『타입스크립트 교과서』 등을 썼습니다. 이 책에서는 프로그램을 설계하고 만드는 입문 과정을 다룹니다.

이 책과 함께 읽는 주제