[🏊🏻‍♀️다이버🏊🏻‍♂️] 스터디 3일차

스터디 팀 명

🏊🏻‍♀️다이버🏊🏻‍♂️ : 타입스크립트 매력에 빠져 헤엄치는 둘

스터디 리더: ethian9227@gmail.com

스터디 팀원: darkbo0@kakao.com, anhongsok@gmail.com, yuchi79@gmail.com

스터디 진행 회차 및 일자

3회차(2021.06.19) TIL: 캡틴판교 타입스크립트 실전편 복습

스터디 주요 내용

자바스크립트 프로젝트에서 타입스크립트로 변환 실습하기.

스터디에서 나왔던 질문

1. 타입스크립트 프로젝트 기본 구성 및 설정방법

2. 타입 적용(파라미터, 화살표함수, DOM, API함수) 방법

3. 외부 라이브러리 모듈화 방법

질문에 대한 서로의 답과 아직 해결하지 못한 질문들

1. 타입스크립트 프로젝트 기본 구성 및 설정방법

NPM초기화, 타입스크립트 라이브러리 설치, 타입스크립트 설정 파일 생성 및 기본 값 추가,

자바스크립트 파일을 타입스크립트 파일로 변환, tsc 명령어를 통해 컴파일.

2. 타입 적용(파라미터, 화살표함수, DOM, API함수) 방법

파라미터들을 명시적으로 any를 선언하고 구체화된 데이터 타입으로 정의해 나가기.

화살표함수 괄호안의 변수 각각 정의해주고 value값은 소괄호를 씌워서 정의하기.

DOM 타입 단언(as ~)를 통해 결과에 타입을 넣어주기

API 함수는 API 문서를 확인하고 해당하는 url의 query값 타입 확인하기.

3. 외부 라이브러리 모듈화 방법

npm install로 설치한 뒤에 import를 해온다.

만약 타입정의가 잘 되어있지 않은 외부 라이브러리는 .d.ts파일에서 직접 정의해주고

타입 선언 라이브러리가 제공되지 않는 경우에는 typeRoots라는 속성을 이용해 임의로 정의할 수 있게한다.

다음번 스터디 주제

자신의 자바스크립트 프로젝트를 지정하여 각자 git에 타입스크립트 변환 실습한 것 올리기.

서로 코드리뷰 해주기.