٩꒰。•◡•。꒱۶ 36

타입스크립트[TypeScript] | 함수의 파라미터 타입 정의하기

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 함수의 파라미터 타입 정의 (파라미터 = 매개변수) 함수를 타입스크립트에서 정의할 때 함수의 파라미터는 명시적으로 타입을 정의하며 반환 타입은 추론하도록 둔다. 타입스크립트는 몇가지 특수한 상황을 제외하고는 매개변수 타입은 추론하지 않고, 명시적으로 정의한 매개변수를 통해 반환 타입은 자동으로 추론하기 때문이다. 매개변수를 선언할 때 선택적으로 선언할 수도 있다. 선택적 매개변수를 작성하기 위해서는 가장 마지막에 물음표 표시와 함께 작성하면 된다. function log(message:string, userId?: string) { let t..

타입스크립트[TypeScript] | tsconfig.json 살펴보기

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 터미널에서 typescript로 컴파일 하는 방법 [TS CLI 옵션 문서] 타입스크립트 파일을 작성하고 컴파일하면 자바스크립트 파일이 생성된다. 먼저 터미널에서 타입스크립트를 설치해줘야 컴파일이 가능하기 때문에 설치를 해준다. $ npm install -g typescript or $ yarn global add typescript index.ts 파일을 생성하고 코드를 작성한 다음, 터미널에서 tsc index.ts를 실행하면 컴파일 된 자바스크립트 파일을 확인할 수 있다. 하지만 이 실행 방법의 단점은 ts파일을 수정할 때마다 저장하고 ..

타입스크립트[TypeScript] | 타입 리터럴 사용해서 필수 값 지정하기

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 타입 리터럴이란? 책에서는 오직 하나의 값을 나타내는 타입이라고 소개하고 있다. 모든 곳에서 일어날 수 있는 실수를 방지해 안전성을 확보해 주는 강력한 언어 기능이라고 부연 설명을 해주고 있다. 나는 말 그대로 값을 타입으로 사용하는 것이라고 이해했고 큰 어려움이 없는 개념이었다. let answer: true = true; answer = false; // Type 'false' is not assignable to type 'true'. 위 코드처럼 answer의 타입을 true로 지정하면 이후 값을 변경하지 못한다. const와 같은 역..

타입스크립트[TypeScript] | 왜 써야할까? (+ 여러 type에 관하여)

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! TypeScript를 왜 써야 하는가? 책에서는 타입을 사용함으로써 오류를 미리 감지하고 일부 런타임 오류를 방지할 수 있기 때문에 바닐라 JS보다 유용하다고 소개하고 있다. 나는 자바스크립트만을 사용해서 프로젝트를 진행할 때 큰 불편함을 느끼지 못했다. 오류가 발생하면 방법을 찾아 해결하는 것은 당연하게 여기며 프로젝트를 완수했다. 그리고 타입스크립트가 거의 필수로 여겨질 때쯤 원티드 프론트엔드 프리온보딩 코스를 진행하면서 반 강제적으로 타입스크립트를 사용하여 프로젝트를 진행했었다. 그 뒤부터는 항상 나의 프로젝트엔 타입스크립트를 필수로 사..

[오류 코드] Declaration or statement expected

스톱워치를 만드는 예제를 푸는 중 Declaration or statement expected 오류 코드가 발생했다. 구글링하여 찾아보니 괄호(소괄호, 중괄호 등)가 제대로 닫혀있지않았을 때 발생하는 오류 코드였다. 그래서 다시 꼼꼼히 확인해보니 중괄호를 써야하는 부분에 소괄호가 적혀있었다 =).. 괄호는 꼭! 주의해서 사용하자