이 책은 순서도를 이용해 프로그래밍 사고력을 기르는 방법을 알려줍니다. 프로그램 만들기는 순서도를 그리는 능력을 키우는 데서 시작합니다. 순서도를 그릴 수 있다면 순서도를 코드로 옮기는 것은 금방입니다. 자바스크립트의 기초부터 심화까지 핵심 문법을 학습한 후 12가지 프로그램을 만들며 학습한 내용을 확인할 수 있습니다. 문법 학습과 실습이 적절히 섞여 있어 프로그램을 만드는 방법을 재미있게 익힐 수 있고, 이 과정에서 프로그램의 작동 원리를 자연스럽게 이해할 수 있습니다.
문과 출신이지만, 자바스크립트로 프로그래밍의 매력에 빠졌다. 지금은 스타트업에서 CTO로 일하고 있으며, 데이터 수집과 정제 그리고 오픈 소스 기여에 관심이 많다. 개인 블로그와 유튜브를 운영하며 온라인 강의를 진행하고 있다. 저서로는 『Node.js 교과서 개정3판』(2022, 길벗), 『타입스크립트 교과서』(2023, 길벗) 등이 있다.
Part 1 자바스크립트 기초
1장 Hello, JavaScript!
1.1 자바스크립트를 시작하기 전에
1.2 프로그래밍 사고력 기르기
2장 기본 문법 배우기
2.1 코드 작성 규칙
2.2 자료형
2.3 변수
2.4 조건문
2.5 반복문
2.6 객체
2.7 클래스
3장 심화 문법 배우기
3.1 비동기와 타이머
3.2 스코프와 클로저
3.3 호출 스택과 이벤트 루프
3.4 프로미스와 async/await
4장 HTML과 DOM 조작하기
4.1 HTML 파일 생성하기
4.2 DOM 사용하기
4.3 이벤트와 이벤트 리스너
4.4 다양한 DOM 속성
4.5 window 객체
Part 2 만들면서 배우는 자바스크립트
5장 DOM 객체 다루기: 끝말잇기
5.1 이 장에서 만드는 프로그램
5.2 화면 만들고 참가자 수 입력받기
5.3 첫 번째 참가자인지 판단하기
5.4 맞는 단어인지 판단하기
5.5 틀린 단어일 때 표시하기
5.6 순서도 최적화하기
6장 함수 사용하기: 계산기
6.1 이 장에서 만드는 프로그램
6.2 계산기 화면 만들고 이벤트 달기
6.3 고차 함수로 중복 제거하기
6.4 중첩 if 문 줄이기
6.5 결과 계산하기
6.6 계산기 초기화하기
7장 반복문 사용하기: 숫자야구
7.1 이 장에서 만드는 프로그램
7.2 화면 만들고 숫자 4개 뽑기
7.3 입력값 검사하기
7.4 입력값과 정답 비교하기
8장 타이머 사용하기: 로또 추첨기
8.1 이 장에서 만드는 프로그램
8.2 화면 만들고 숫자 입력받기
8.3 무작위로 공 뽑고 정렬하기
8.4 공 순서대로 표시하기
8.5 몇 등인지 표시하기
9장 객체 다루기: 가위바위보 게임
9.1 이 장에서 만드는 프로그램
9.2 화면 만들고 일정 시간마다 이미지 바꾸기
9.3 타이머 멈췄다 다시 실행하기
9.4 승패와 점수 표시하기
10장 Date 사용하기: 반응속도 테스트
10.1 이 장에서 만드는 프로그램
10.2 화면 만들고 전환하기
10.3 반응속도 측정하기
10.4 평균 반응속도 구하기
10.5 성급한 클릭 막기
11장 이차원 배열 다루기: 틱택토
11.1 이 장에서 만드는 프로그램
11.2 화면에 3 X 3 표 그리기
11.3 차례 바꾸면서 빈칸에 O와 X 표시하기
11.4 승패 판단하기
12장 클래스 다루기: 텍스트 롤플레잉 게임
12.1 이 장에서 만드는 프로그램
12.2 초기 화면 만들고 일반 메뉴 화면으로 전환하기
12.3 주인공, 몬스터, 일반 메뉴 구현하기
12.4 전투 메뉴 구현하기
12.5 클래스로 코드 재구성하기
12.6 전투 결과 표시하기
13장 이벤트 루프 이해하기: 카드 짝 맞추기 게임
13.1 이 장에서 만드는 프로그램
13.2 화면 만들고 카드 생성하기
13.3 카드 앞면 보여 줬다 뒤집기
13.4 카드 짝 맞추기
13.5 버그 해결하기
Part 3 배운 내용으로 완성하는 프로그램
14장 재귀 함수 사용하기: 지뢰 찾기
14.1 이 장에서 만드는 프로그램
14.2 맵 그리고 지뢰 심기
14.3 우클릭으로 물음표와 깃발 표시하기
14.4 좌클릭 시 지뢰 개수 표시하기
14.5 주변 칸 한 번에 열기
14.6 승리 표시하기
14.7 줄 수와 지뢰 개수 입력받기
15장 키보드와 마우스 이벤트 사용하기: 2048
15.1 이 장에서 만드는 프로그램
15.2 표 그리고 무작위로 숫자 2 넣기
15.3 이동 방향 확인하기
15.4 숫자 이동하고 합치기
15.5 승패와 점수 표시하기
16장 복습: 두더지 잡기
16.1 이 장에서 만드는 프로그램
16.2 화면 만들고 애니메이션 처리하기
16.3 두더지와 폭탄 올리고 내리기
16.4 두더지일지 폭탄일지 결정하기
16.5 두더지 잡고 점수 표시하기
