VAIRODECURRICULUM프로그래밍 서가
JavaScript·TypeScript 교재 표지
카탈로그
v1.2.0
교재 기준
Planning 1.4 + Catalog 1.2
기획 점검일
2026.07.27
Programming SchoolPRG-03

JavaScript·TypeScript

browser runtime·비동기·DOM·type narrowing을 안전한 애플리케이션으로 연결합니다.

미리보기 가능콘텐츠 검토 중중급
예상 학습 시간
65~90시간
전체 구성
9개 모듈
연결된 학습 경로
5개
첫 모듈 미리보기전체 목차 보기
01

과정 개요

끝까지 배우면 할 수 있는 일

package와 build의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

  1. runtime과 type의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  2. 함수와 closure의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  3. 객체와 module의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  4. DOM과 event의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
02

학습 순서

연결된 경로에서의 위치

연결 경로Frontend Engineer13개 과정

접근성과 성능을 갖춘 웹 제품을 설계하고 검증한다.

  1. FND-02컴퓨팅 사고미리보기 가능
  2. FND-03컴퓨터 시스템미리보기 가능
  3. FND-05Git·GitHub미리보기 가능
  4. FND-06안전·보안미리보기 가능
  5. PRG-03JS·TS현재 과정
  6. PRG-06자료구조·알고리즘미리보기 가능
  7. PRG-07SQL·DB미리보기 가능
  8. PRG-08SW 공학미리보기 가능
  9. WEB-01Frontend미리보기 가능
  10. WEB-03Supabase미리보기 가능
  11. WEB-04Vercel미리보기 가능
  12. WEB-05Cloudflare미리보기 가능
  13. QA-01QA 자동화미리보기 가능
경로 최종 프로젝트인증·데이터·접근성·성능·E2E가 있는 웹 제품
연결 경로Full-stack Product Engineer13개 과정

사용자 문제를 프론트부터 운영까지 연결한다.

  1. FND-02컴퓨팅 사고미리보기 가능
  2. FND-03컴퓨터 시스템미리보기 가능
  3. FND-05Git·GitHub미리보기 가능
  4. FND-06안전·보안미리보기 가능
  5. PRG-03JS·TS현재 과정
  6. PRG-07SQL·DB미리보기 가능
  7. PRG-08SW 공학미리보기 가능
  8. WEB-01Frontend미리보기 가능
  9. WEB-02Backend미리보기 가능
  10. WEB-03Supabase미리보기 가능
  11. WEB-04Vercel미리보기 가능
  12. WEB-05Cloudflare미리보기 가능
  13. CAR-01제품 협업미리보기 가능
경로 최종 프로젝트한 사용자 문제를 end-to-end로 출시하고 운영한 제품
연결 경로QA Automation Engineer6개 과정

위험 기반 시험전략과 자동화 회귀 체계를 만든다.

  1. FND-02컴퓨팅 사고미리보기 가능
  2. FND-03컴퓨터 시스템미리보기 가능
  3. FND-05Git·GitHub미리보기 가능
  4. PRG-03JS·TS현재 과정
  5. PRG-08SW 공학미리보기 가능
  6. QA-01QA 자동화미리보기 가능
경로 최종 프로젝트위험 기반 test plan과 CI 자동화 체계
연결 경로Security Engineer11개 과정

위협·취약점·탐지·대응을 하나의 증거 흐름으로 연결한다.

  1. FND-03컴퓨터 시스템미리보기 가능
  2. FND-05Git·GitHub미리보기 가능
  3. FND-06안전·보안미리보기 가능
  4. PRG-01Python미리보기 가능
  5. PRG-02C미리보기 가능
  6. PRG-03JS·TS현재 과정
  7. PRG-08SW 공학미리보기 가능
  8. WEB-03Supabase미리보기 가능
  9. WEB-05Cloudflare미리보기 가능
  10. SEC-01Cybersecurity미리보기 가능
  11. OPS-01DevOps·SRE미리보기 가능
경로 최종 프로젝트threat·detect·respond를 연결한 security lab
연결 경로Mobile Application Engineer9개 과정

접근성·오프라인·기기 권한·배포를 갖춘 모바일 제품을 만든다.

  1. FND-02컴퓨팅 사고미리보기 가능
  2. FND-03컴퓨터 시스템미리보기 가능
  3. FND-05Git·GitHub미리보기 가능
  4. FND-06안전·보안미리보기 가능
  5. PRG-03JS·TS현재 과정
  6. PRG-08SW 공학미리보기 가능
  7. WEB-06Mobile App미리보기 가능
  8. QA-01QA 자동화미리보기 가능
  9. SEC-01Cybersecurity미리보기 가능
경로 최종 프로젝트오프라인 동기화·권한·성능·스토어 배포가 검증된 모바일 앱
03

전체 목차

9개 모듈 개요

현재는 모듈별 목표와 체험 흐름을 공개한 검토판입니다. 전문 해설, 실습, 평가와 제출 기준은 정식 출간 과정에서 확정됩니다.

  1. 01PRG-03-M01

    첫 모듈

    runtime과 type

    검토판 미리보기

    runtime과 type의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    첫 모듈 체험
  2. 02PRG-03-M02

    모듈 2

    함수와 closure

    검토판 미리보기

    함수와 closure의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  3. 03PRG-03-M03

    모듈 3

    객체와 module

    검토판 미리보기

    객체와 module의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  4. 04PRG-03-M04

    모듈 4

    DOM과 event

    검토판 미리보기

    DOM과 event의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  5. 05PRG-03-M05

    모듈 5

    비동기와 Promise

    검토판 미리보기

    비동기와 Promise의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  6. 06PRG-03-M06

    모듈 6

    HTTP와 browser API

    검토판 미리보기

    HTTP와 browser API의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  7. 07PRG-03-M07

    모듈 7

    TypeScript narrowing

    검토판 미리보기

    TypeScript narrowing의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  8. 08PRG-03-M08

    모듈 8

    unit·browser test

    검토판 미리보기

    unit·browser test의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
  9. 09PRG-03-M09

    모듈 9

    package와 build

    검토판 미리보기

    package와 build의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

    모듈별 시간은 출간 시 확정체험 흐름 예시
    1. 1개념
    2. 2실습
    3. 3평가
    4. 4증거
    체험 흐름 보기
04

통과 기준

배운 내용을 결과물로 검증합니다

남겨야 할 학습 증거

  • typed app
  • unit tests
  • browser tests

학습 전 확인

별도의 안전 승인 없이 바로 시작할 수 있습니다.

한눈에 보기역량 지도 펼치기3단계 · 9개 역량
01

기반 이해

핵심 구조와 작업 기준을 먼저 세웁니다.

  1. runtime과 typeruntime과 type의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  2. 함수와 closure함수와 closure의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  3. 객체와 module객체와 module의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
02

핵심 구현

주요 기능을 직접 구현하고 실패 원인을 확인합니다.

  1. DOM과 eventDOM과 event의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  2. 비동기와 Promise비동기와 Promise의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  3. HTTP와 browser APIHTTP와 browser API의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
03

통합·검증

운영 조건에서 통합하고 결과를 증거로 남깁니다.

  1. TypeScript narrowingTypeScript narrowing의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  2. unit·browser testunit·browser test의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.
  3. package와 buildpackage와 build의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.