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

소개

TypeScript에 대한 첫 경험

자바스크립트가 뭐야?

타입스크립트가 뭐야?

JS와 비교한 TypeScript의 장점

개발 도구(vscode)

개발 도구(Node.js)

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

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

첫 번째 TS 파일

TS 수행 단계 단순화

논평

출력문

Typescript 첫 경험 요약

변수 및 데이터 유형 소개

변수란 무엇인가?

변수의 사용

vscode 구성

유형 주석

명명 규칙 및 사양

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

데이터 유형 개요

숫자 유형

문자열 유형

부울 유형

과소정의 및 null 유형

기본 유형 - 요약

연산자 소개

산술 연산자

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

더하기 기호로 인한 생각

할당 연산자

증가 및 감소 연산자

비교 연산자

논리 연산자

명세서 소개

조건문 개요

if 문

else 문

if else 문 연습

삼항 연산자 개요

삼항 연산자 연습

루프 문 개요

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

for 루프의 기본 사용법

for 루프의 실행 과정

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

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

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

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

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

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

브레이크 키워드

계속 키워드

배열 소개

어레이 개요

배열 생성(구문 1)

배열 생성(구문 2)

배열 길이 및 인덱스

배열 값 획득 및 저장(값 획득)

배열값 획득 및 저장(저장값)

배열에 요소 추가

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

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

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

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

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

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

함수 기본 소개

기능 개요

기능 사용법

기능 연습

기능 매개변수 개요

형식 매개변수와 실제 매개변수

매개변수에 대한 추가 설명

함수 매개변수 연습(1)

함수 매개변수 연습(2)

함수 반환 값 개요

함수 반환 값의 기본 사용법

함수 반환 값 연습(getSum 함수 변환)

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

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

반품 설명

기능 기본 요약

기능에 대한 고급 소개

기능 디버깅(기본 작업)

함수 디버깅(함수 실행 과정)

가변 범위

객체 소개

객체 개요

객체 생성

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

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

인터페이스의 사용

객체 가치

객체 스토리지 가치

객체의 기본 사용법 요약

내장 객체 개요

배열 객체(길이 속성)

배열 객체(푸시)

배열 객체(forEach)

배열 객체(forEach 설명)

forEach 운동

배열 객체(일부)

TS의 유형 추론

웹 개발 기본 개요

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

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

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

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

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

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

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

브라우저에서 TS 실행

DOM 조작 개요

요소 가져오기(querySelector)

TS 유형 어설션

요소 가져오기(querySelectorAll)

텍스트 내용 조작(innerText)

연습(querySelectorAll 및 innerText)

작업 스타일(스타일 속성)

작업 데모(classList 속성)

작업 이벤트(addEventListener 추가 이벤트)

동작 이벤트(이벤트 객체)

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

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

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

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

게임 템플릿 설명

셀 클릭(체스 게임)

셀 클릭(최적화)

vscode 및 브라우저 창 위치 조정

플레이어 전환 (1)

플레이어 전환 (2)

열거형의 기본 사용법

숫자 열거 및 문자열 열거

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

승패를 판단한다는 생각

승리 배열 분석

셀 요소 목록 설명

승리 함수 캡슐화

승리 기능 구현 (1)

승리 기능 구현 (2)

승리 기능 최적화

무승부 결정

당첨정보 표시

게임 다시 시작

최적화 게임 다시 시작