본문으로 건너뛰기

자바스크립트

처음 배우는 프로그래밍을 자바스크립트로. 코드가 한 줄씩 실행되며 이름과 값이 바뀌고 웹 페이지가 움직이는 모습을 그림으로

레슨 76개 · 단원 연습 문제 11개 · 섞어 풀기 3개

처음부터 · 레슨 1프로그램은 위에서 아래로읽음 0 / 76

1부 첫걸음

1단원레슨 6

첫 프로그램

  1. 1프로그램은 위에서 아래로
  2. 2console.log로 출력하기
  3. 3오류 메시지 읽기
  4. 4변수: let으로 이름 붙이기
  5. 5이름표 다시 붙이기와 const
  6. 6내 컴퓨터에서 돌려 보기
2단원레슨 4

수와 글자

  1. 7수·글자·불리언과 typeof
  2. 8사칙 계산과 나머지
  3. 9문자열 잇기와 길이
  4. 10글자를 수로: Number와 NaN
  5. 단원 연습 문제
3단원레슨 3

문자열 다루기

  1. 11템플릿 문자열로 출력 꾸미기
  2. 12인덱스와 자르기
  3. 13문자열 메서드
  4. 단원 연습 문제

2부 흐름 바꾸기

4단원레슨 6

조건

  1. 14같음과 비교
  2. 15if와 else
  3. 16else if로 여러 갈래
  4. 17&&·||·!
  5. 18참 같은 값과 ??
  6. 19switch와 조건 연산자
  7. 단원 연습 문제
5단원레슨 6

반복

  1. 20while과 추적 표
  2. 21for의 세 칸
  3. 22합 모으기와 세기
  4. 23break와 continue
  5. 24값을 찍어 보며 고치기
  6. 25도장 계산기 만들기
  7. 단원 연습 문제
  8. 단원 1~5 섞어 풀기

3부 함수와 데이터

6단원레슨 7

함수

  1. 26함수 만들고 부르기
  2. 27매개변수와 인자
  3. 28돌려받은 값 쓰기
  4. 29블록과 함수 안의 이름
  5. 30기본값 매개변수
  6. 31화살표 함수와 함수 값
  7. 32함수를 넘기기
  8. 단원 연습 문제
7단원레슨 8

배열

  1. 33배열과 이름 둘
  2. 34배열 바꾸기와 복사
  3. 35for...of로 배열 돌기
  4. 36가장 큰 값 찾기
  5. 37거르기와 바꿔 담기
  6. 38map·filter·find
  7. 39reduce로 하나로 모으기
  8. 40정렬: sort와 toSorted
  9. 단원 연습 문제
8단원레슨 9

객체

  1. 41객체: 이름 붙은 칸 묶음
  2. 42객체를 넘기고 복사하기
  3. 43객체를 담은 배열
  4. 44객체 돌기
  5. 45세기: 메뉴별로 모으기
  6. 46구조 분해로 꺼내기
  7. 47단축 속성과 나머지 모으기
  8. 48JSON: 객체와 글 사이
  9. 49Map과 Set
  10. 단원 연습 문제
  11. 단원 1~8 섞어 풀기
9단원레슨 5

클로저와 클래스

  1. 50클로저: 만들어진 칸을 기억하는 함수
  2. 51클래스와 new
  3. 52메서드와 this
  4. 53this를 잃을 때
  5. 54상속: extends와 super
  6. 단원 연습 문제

4부 나누기와 기다리기

10단원레슨 3

오류와 모듈

  1. 55try와 catch
  2. 56throw로 오류 알리기
  3. 57파일 나누기: import와 export
  4. 단원 연습 문제
11단원레슨 6

비동기

  1. 58나중에 하기: setTimeout
  2. 59Promise: 나중에 올 값
  3. 60타이머와 Promise, 누가 먼저
  4. 61async와 await
  5. 62기다리는 일의 오류
  6. 63fetch로 데이터 받아 오기
  7. 단원 연습 문제
  8. 단원 1~11 섞어 풀기

5부 브라우저

12단원레슨 9

웹 페이지 움직이기

  1. 64HTML을 처음 본다면
  2. 65웹 페이지에서 돌리기
  3. 66요소 찾기: querySelector
  4. 67글자와 클래스 바꾸기
  5. 68요소 만들어 붙이기
  6. 69이벤트와 리스너
  7. 70폼 제출과 입력 값
  8. 71이벤트 위임과 data 속성
  9. 72새로고침해도 남게: localStorage
  10. 단원 연습 문제
13단원레슨 4

할 일 앱 만들기

  1. 73상태를 화면으로
  2. 74더하기·끝내기·지우기
  3. 75거르기와 개수
  4. 76저장과 오늘의 한마디