TypeScript

앞에 Type Narrowing에 대해 정리했지만 타입 가드를 들었을 때 둘이 같은거라고 생각했다. 하지만 약간의 차이가 있고 알고보면 완전히 다른 것이라는 것을 알 수 있다. 예를 들어서 설명하는 것이 쉽다. const value: unknown = "hello";if (typeof value === "string") { // 타입 가드 사용 ! console.log(value.toUpperCase()); // 이렇게 타입 가드후 타입 내로잉을 거친다. }unknown을 예로 들어 설명하면 쉽다. unknown은 any와 함께 최상위 타입에 속한다. 그 말은 즉 타입이 구체적이지 않고 추상적이라는 말이다. 여기서 최상위 타입이란?모든 타입이 할당 가능한 타입을 의미한다. ➡️ 즉 타입이 매우 추상적이..

타입스크립트에서 리터럴 타입을 최대한 그대로 유지하면서 그 값을 readonly로 만들어주는 기능을 한다. primitive 타입의 값 뒤에 as const 연산자가 붙으면 값 자체가 타입이 된다.(Readonly)object 타입의 값 뒤에 as const 연산자가 붙으면 read-only 타입이 된다. const assertion은 enum멤버에 대한 참조 또는 string, number, boolean, array, object 리터럴에만 적용할 수 있다.const a = [1, 2, 3] as const;a는 읽기 전용이 되었기 때문에 a.push와 같은 메서드를 사용하지 못한다.타입스크립트는 let은 값이 바뀔 수 있다고 인식하여 일반적인 값인 number로 타입을 추론하게 된다. 반면에 con..

1. 카카오 API https://apis.map.kakao.com/카카오 API 사이트에서 키발급하기를 누른다. 애플리케이션 추가하기를 누른다. 뜨는 창에 애플리케이션 정보를 입력하면 끝 😚 만들어진 애플리케이션을 클릭하여 쓰여진 정보를 입력하고, 플랫폼 등록을 하면된다. 임시적으로 플랫폼 주소는 http://localhost:3000으로 지정하면 된다. 아래 카카오 지도 가이드를 참고 하면 된다. [카카오 지도 가이드] https://apis.map.kakao.com/web/guide/ 2. React + TypeScript에서 카카오맵 이용하기1. 우선 발급 받은 key를 .env파일을 만들어 넣어준다. env 파일이란?포트, DB관련 정보, API_KEY등의 환경변수 파일이다. 주로 오픈소스에 올..