728x90 반응형 IT/React36 확장자 : ts vs d.ts ts 로 하면 사용할 때마다 import 를 해야 함. d.ts 로 하면 import를 하지 않아도, 전역으로 모든 파일 내에서 사용할 수 있다. 타입스크립트 선언 파일 d.ts는 타입스크립트 코드의 타입 추론을 돕는 파일이다. 2023. 1. 9. React-boilerplate-cra-template 이란? React 프로젝트를 시작할 때 필수적인 라이브러리를 모두 설치하여 바로 개발할 수 있도록 준비된 템플릿을 의미함. https://react-boilerplate.github.io/react-boilerplate-cra-template/ React Boilerplate Example App react-boilerplate.github.io 주요 사용 라이브러리 - React - Typescript - React Router : 한 리액트 프로젝트에서 여러 페이지를 연결할 때 사용 - Sytled-component : 스타일 만으로도 컴포넌트를 만들 때 사용 - Redux Toolkit & Reselect : Redux 개발시 사용 - Prettier : 코드 규칙 및 이쁘게 정리할 때 사용 구글 검색 :.. 2023. 1. 7. React Craco 살펴보기 CRACO : Create-React-App Configuration Override의 약어 CRA에 config 설정들을을 Override 하는 패키지. https://abangpa1ace.tistory.com/220 [Craco] Craco 란? 이전에 CRA(Create-React-App)로 React 프로젝트를 생성할 땐 Webpack의 커스텀 필요성을 잘 느끼지 못했다. 하지만, 이번에 Boiler Plate를 제작하면서 추가적으로 설정할 부분들이 생겼다. (절대경로 alias 컴 abangpa1ace.tistory.com 웹팩에 관한 글도 같이 읽자. https://ingg.dev/webpack/ [JS] Webpack을 쓰는 이유 Webpack은 여러개 파일을 하나의 파일로 합쳐주는 모듈 번.. 2023. 1. 6. 제너릭 타입 예) const arrayLength = (array) => array.length Generic으로 바꾸면... const arrayLength = (array: T[]) => array.length 컴파일러가 T가 타입 변수(type variable) 라고 알려줘야 함. export const arrayLength = (array: T[]) number => array.length export const isEmpty = (array: T[]) : boolean => arrayLength(array) == 0 타입 추론 const identity = (n: T) : T => n console.log( identity(true), identity(true) ) 2022. 11. 1. 이전 1 2 3 4 5 6 7 8 9 다음 728x90 반응형
