TypeScript

1) Node.js 설치 홈페이지 접속을 통해 설치 >링크: https://nodejs.org/en/download nvm(node version manager) 툴을 사용하여 설치 >nvm: ( Node.js의 여러 버전을 쉽게 설치할 수 있는 툴) https://g

1. VITE 프로젝트 생성 npm: `npm create vite@latest` yarn: `yarn create vite` >1) 프로젝트 명을 입력 2) 프레임워크 선택 3) variant를 선택 `- TypeScript: 안전성 ⬆️` `- TypeScrip

1) assets 폴더: 정적 자원을 저장하는 디렉토리 2) axios 폴더: Axios 라이브러리를 사용하여 HTTP 요청을 수행하는 디렉토리 3) components 폴더: 프로젝트에서 사용되는 리액트 컴포넌트들을 보관하는 디렉토리 4) store 폴더(Reudx)

1. 앱의 최상위 컴포넌트에 `Provider를 사용하여 Redux 스토어`를 제공 2. configStore 생성 3. useDispatch, useSelector를 customHook으로 만들기 : 후크를 사용하여 재사용성⬆️, 종속성 문제를 피할 수 있다. 4. moduleSlice.ts 생성 5. 기능 컴포넌트에서의 사용 👇👇👇👇�...

Tpyescript 기본 개념 1. 객체의 타입을 정할 때 interface 및 type 사용 2. 매개변수의 타입은 필수로 넣어줘야한다. 3-1. useState의 타입은 원시타입(number,string 등)일 경우 타입 추론이 되어 별도로 타입선언을 하지 않아도 된다. **3-2. useState의 객체 및 배열일 경우에는 타입 선언을 해줘야...

Utility type 1) `type OmitType = omit` >omit: 특정 타입을 제외한 타입 모음 2) `type PcikType = Pick` >pick: 특정 타입으로만 구성된 모음 3) PropsWithChildren 3-1) {child

Typescript로 개발할 때, undefined나 null이 예상되는 값일 경우 접근하거나 대입할 때 컴파일 에러를 마주칠 수 있습니다.~ is possibly 'undefined'.Type 'undefined' is not assigniable to type ~