1-1 소개

1-2 TypeScript에 대한 첫 경험

1-3 자바스크립트가 뭐야?

1-4 타입스크립트가 뭐야?

1-5 JS와 비교한 TypeScript의 장점

2-1 개발 도구(vscode)

2-2 개발 도구(Node.js)

2-3 TS 구문 분석을 위해 툴킷을 설치해야 하는 이유는 무엇입니까?

2-4 TS 구문 분석을 위한 툴킷 설치

3-1 첫 번째 TS 파일

3-2 TS 수행 단계 단순화

3-3 논평

3-4 출력문

3-5 Typescript 첫 경험 요약

4-1 변수 및 데이터 유형 소개

4-2 변수란 무엇인가?

4-3 변수의 사용

4-4 vscode 구성

4-5 유형 주석

4-6 명명 규칙 및 사양

4-7 변수를 이용한 연습(두 변수의 값 교환)

4-8 데이터 유형 개요

4-9 숫자 유형

4-10 문자열 유형

4-11 부울 유형

4-12 과소정의 및 null 유형

4-13 기본 유형 - 요약

5-1 연산자 소개

5-2 산술 연산자

5-3 더하기 기호는 문자열 연결을 구현합니다.

5-4 더하기 기호로 인한 생각

5-5 할당 연산자

5-6 증가 및 감소 연산자

5-7 비교 연산자

5-8 논리 연산자

6-1 명세서 소개

6-2 조건문 개요

6-3 if 문

6-4 else 문

6-5 if else 문 연습

6-6 삼항 연산자 개요

6-7 삼항 연산자 연습

6-8 루프 문 개요

6-9 숙제 작성 예시에서 for 루프의 구성을 살펴보세요.

6-10 for 루프의 기본 사용법

6-11 for 루프의 실행 과정

6-12 for 루프 실행 프로세스를 보기 위한 중단점 디버깅

6-13 vscode 중단점 디버깅 구성(1 구성 단계)

6-14 vscode 중단점 디버깅 구성(디버깅 팁 2개)

6-15 For 루프 연습(1 인쇄 1-5)

6-16 for 루프 연습(2는 먹고 있는 n번째 빵을 인쇄합니다)

6-17 For 루프 연습(3 1-100의 합 계산)

7-1 브레이크 키워드

7-2 계속 키워드

8-1 배열 소개

8-2 어레이 개요

8-3 배열 생성(구문 1)

8-4 배열 생성(구문 2)

8-5 배열 길이 및 인덱스

8-6 배열 값 획득 및 저장(값 획득)

8-7 배열값 획득 및 저장(저장값)

8-8 배열에 요소 추가

8-9 배열 반복(계산기 기본값은 0)

8-10 배열을 순회(판정조건은 배열의 길이에서 1을 뺀 값)

8-11 배열 순회(판정 조건 최적화)

8-12 배열 연습(배열에 있는 모든 요소의 합 구하기)

8-13 배열 연습(배열에서 최대값 찾기)

8-14 배열 연습(배열에서 0이 아닌 요소 찾기)

9-1 함수 기본 소개

9-2 기능 개요

9-3 기능 사용법

9-4 기능 연습

9-5 기능 매개변수 개요

9-6 형식 매개변수와 실제 매개변수

9-7 매개변수에 대한 추가 설명

9-8 함수 매개변수 연습(1)

9-9 함수 매개변수 연습(2)

9-10 함수 반환 값 개요

9-11 함수 반환 값의 기본 사용법

9-12 함수 반환 값 연습(getSum 함수 변환)

9-13 함수 반환 값 연습(삼각형 영역)

9-14 함수 반환값 연습(최대값 찾기)

9-15 반품 설명

9-16 기능 기본 요약

10-1 기능에 대한 고급 소개

10-2 기능 디버깅(기본 작업)

10-3 함수 디버깅(함수 실행 과정)

10-4 가변 범위

11-1 객체 소개

11-2 객체 개요

11-3 객체 생성

11-4 인터페이스(객체의 유형 주석)

11-5 객체 메소드에 대한 유형 주석

11-6 인터페이스의 사용

11-7 객체 가치

11-8 객체 스토리지 가치

11-9 객체의 기본 사용법 요약

12-1 내장 객체 개요

12-2 배열 객체(길이 속성)

12-3 배열 객체(푸시)

12-4 배열 객체(forEach)

12-5 배열 객체(forEach 설명)

12-6 forEach 운동

12-7 배열 객체(일부)

13-1 TS의 유형 추론

13-2 웹 개발 기본 개요

13-3 HTML의 기본 사용법(첫 번째 HTML 페이지를 생성하고 사용)

13-4 HTML의 기본 사용(공통 태그)

13-5 CSS(스타일 속성)의 기본 사용법

13-6 CSS(스타일 태그)의 기본 사용법

13-7 CSS(css 파일)의 기본 사용법

13-8 브라우저에서 자바스크립트를 사용하세요

13-9 Live Server 플러그인 사용 - 자동으로 브라우저 새로 고침

14-1 브라우저에서 TS 실행

15-1 DOM 조작 개요

15-2 요소 가져오기(querySelector)

15-3 TS 유형 어설션

15-4 요소 가져오기(querySelectorAll)

15-5 텍스트 내용 조작(innerText)

15-6 연습(querySelectorAll 및 innerText)

15-7 작업 스타일(스타일 속성)

15-8 작업 데모(classList 속성)

15-9 작업 이벤트(addEventListener 추가 이벤트)

15-10 동작 이벤트(이벤트 객체)

15-11 RemoveEventListener가 이벤트를 제거합니다. (1)

15-12 RemoveEventListener가 이벤트를 제거합니다. (2)

15-13 함수 선언 형식의 이벤트 핸들러에 대한 두 가지 참고 사항

16-1 체스 게임 시연 및 게임 플레이 소개

16-2 게임 템플릿 설명

16-3 셀 클릭(체스 게임)

16-4 셀 클릭(최적화)

16-5 vscode 및 브라우저 창 위치 조정

16-6 플레이어 전환 (1)

16-7 플레이어 전환 (2)

16-8 열거형의 기본 사용법

16-9 숫자 열거 및 문자열 열거

16-10 열거형을 사용하여 현재 플레이어 수정

16-11 승패를 판단한다는 생각

16-12 승리 배열 분석

16-13 셀 요소 목록 설명

16-14 승리 함수 캡슐화

16-15 승리 기능 구현 (1)

16-16 승리 기능 구현 (2)

16-17 승리 기능 최적화

16-18 무승부 결정

16-19 당첨정보 표시

16-20 게임 다시 시작

16-21 최적화 게임 다시 시작