TypeScript 소개 영상 [JavaScript를 배우지 않아도 이해할 수 있음]

• 장1 TypeScript 첫 경험 소개
• 1-1 소개
• 1-2 TypeScript에 대한 첫 경험
• 1-3 자바스크립트가 뭐야?
• 1-4 타입스크립트가 뭐야?
• 1-5 JS와 비교한 TypeScript의 장점
• 장2 개발 도구 준비
• 2-1 개발 도구(vscode)
• 2-2 개발 도구(Node.js)
• 2-3 TS 구문 분석을 위해 툴킷을 설치해야 하는 이유는 무엇입니까?
• 2-4 TS 구문 분석을 위한 툴킷 설치
• 장3 TS를 처음 사용하는 경우
• 3-1 첫 번째 TS 파일
• 3-2 TS 수행 단계 단순화
• 3-3 논평
• 3-4 출력문
• 3-5 Typescript 첫 경험 요약
• 장4 변수 및 데이터 유형
• 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 운영자
• 5-1 연산자 소개
• 5-2 산술 연산자
• 5-3 더하기 기호는 문자열 연결을 구현합니다.
• 5-4 더하기 기호로 인한 생각
• 5-5 할당 연산자
• 5-6 증가 및 감소 연산자
• 5-7 비교 연산자
• 5-8 논리 연산자
• 장6 명령문 실행
• 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 중단 및 계속 키워드
• 7-1 브레이크 키워드
• 7-2 계속 키워드
• 장8 정렬
• 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 기능 기본
• 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 고급 기능
• 10-1 기능에 대한 고급 소개
• 10-2 기능 디버깅(기본 작업)
• 10-3 함수 디버깅(함수 실행 과정)
• 10-4 가변 범위
• 장11 물체
• 11-1 객체 소개
• 11-2 객체 개요
• 11-3 객체 생성
• 11-4 인터페이스(객체의 유형 주석)
• 11-5 객체 메소드에 대한 유형 주석
• 11-6 인터페이스의 사용
• 11-7 객체 가치
• 11-8 객체 스토리지 가치
• 11-9 객체의 기본 사용법 요약
• 장12 내장 객체
• 12-1 내장 객체 개요
• 12-2 배열 객체(길이 속성)
• 12-3 배열 객체(푸시)
• 12-4 배열 객체(forEach)
• 12-5 배열 객체(forEach 설명)
• 12-6 forEach 운동
• 12-7 배열 객체(일부)
• 장13 웹 개발 기초
• 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 브라우저에서 TS 실행
• 14-1 브라우저에서 TS 실행
• 장15 DOM 조작
• 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 체스 게임 케이스
• 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 최적화 게임 다시 시작