기록하는 개발자

타입 추론 변수 선언 시 타입을 쓰지않아도 컴파일러가 스스로 판단하여 타입을 넣어주는 것 타입을 추론하는 경우 1. 초기화된 변수 let num = 10; num에 대한 타입을 따로 지정하지 않더라도 10으로 초기화 되었으므로 number로 간주된다. 2. 기본값이 설정된 매개변수 function cook (how = 'cut', ingredient: string): void { console.log(`${how} the ${ingredient}`); } 변수 how는 변수 ingredient와 달리 "cut"으로 기본값이 설정된 매개 변수이다. 이는 typescript에 의해 string으로 타입 추론 되므로 how : string = "cut" 과 같이 작성할 필요가 없다. 3. 반환 값이 있는 함수..

현재 진행중인 프로젝트에서는 직원 정보에 이름, 직급, 색상이 필요하다. 이 때, 직급과 색상 정보는 서버에서 enumType으로 관리하고 값을 전달해주기 때문에 프론트에서도 enumType 으로 값을 갖고 있어야했다. enum 은 열거형 변수로 정수를 하나로 합칠 때 편리한 기능이다. 임의의 숫자나 문자열을 할당할 수 있으며 하나의 유형으로 사용해서 버그를 줄일 수 있다. enum은 TypeScript가 자체적으로 구현하는 기능이기 때문에 JavaScript에서는 사용할 수 없다. enum은 편리한 기능이지만 TypeScript가 자체적으로 구현했기 때문에(JavaScript에서 사용 불가하기 때문에)발생하는 문제가 있다. JavaScript에 존재하지 않는 것을 구현하기 위해 TypeScript 컴파..

react+typescript 환경에서 최근 업데이트 된 react-router-dom의 v6를 이용하여 프로젝트의 생성, 페이지 라우팅 그리고 nav bar 구성까지의 과정이다. React+TypeScript 로 개발 시작하기 https://mingmeng030.tistory.com/224 [TypeScript] React+TypeScript 로 개발 시작하기 1. [react+typescript project 생성] npx create-react-app [프로젝트명] --template typescript 2. 함수형 컴포넌트 작성 방법 - `type Image`와 `interface ListProps`와 같이 컴포넌트의 props 타입을 명시하여.. mingmeng030.tistory.com rea..

1. [react+typescript project 생성] npx create-react-app [프로젝트명] --template typescript 2. 함수형 컴포넌트 작성 방법 - `type Image`와 `interface ListProps`와 같이 컴포넌트의 props 타입을 명시하여 작성한다. 이를 통해 property로 유효하지 않은 값이 전달되면 바로 오류를 확인할 수 있다. import React from "react"; type Image = { src: string; }; interface ListProps { header: string; content: string; image?: Image; } const List = ({ header, content, image }: ListPr..