typescript3 vite 으로 리액트 프로젝트 시작하기 vite 으로 리액트 프로젝트 시작하기npm create vite@latest my-react-app 1. 위 명령어 입력 후 'y' 로 진행 2. React 선택 (키보드 방향키로 위/아래 이동하고 "React" 항목에 Enter) 3. typescript 를 사용할것이므로 아래와 같이 "Typescript + React Compiler" 항목 Enter(React Compiler 를 사용하면 useMemo, useCallBack 을 자동으로 적용해주므로 선택) 4. 아래와 같이 설치 후 바로 시작 "Yes" 선택 5. 설치 중... 6. 설치 완료 메세지 (브라우저에 아래 주소 입력하여 페이지 확인) 7. 확인 (아래 Count is 0 버튼 클릭하면 숫자가 증가하는것 확인할 수 있다.).. 2026. 5. 19. nodejs 프로젝트 생성 : typescript, eslint, prettier 설정 ** nodejs 프로젝트 생성시 typescript 적용 1. nodejs 프로젝트 생성mkdir projectNamecd projectNamenpm init -ynpm i -D typescript ts-node nodemonnpx tsc --init 2. tsconfig.json 파일에 다음 내용 설정{..."target": "es6","module": "commonjs","outDir": "./dist","rootDir": "./src","strict": true,"moduleResolution": "node","esModuleInterop": true,...} 3. 프로젝트 루트에 dist와 src 폴더를 생성하고 src에 index.ts 파일 생성 4. packagejson에 다음 내용 설정{... 2024. 11. 13. enum to array enum EResouce_Filter_List_Type { shape = 'shape', square = 'square', image = 'image', movie = 'video', audio = 'audio', interacted = 'interacted', page = 'page', none = '', folder = 'folder',}const allList = Array.from(Object.values(EResouce_Filter_List_Type)); 2024. 6. 5. 이전 1 다음
