react

[Intellij]React Prettier, ESlint(airbnb) 설정

1. Prettier 설치 npm install prettier yarn add prettier 2. Prettier 설정 파일 프로젝트 Root 위치에 .prettierrc 파일 생성 후 아래 코드 입력 { //줄 바꿈할 줄 길이 지정 "printWidth": 100, //들여쓰기 공백 수 "tabWidth": 2, //들여쓰기 탭 사용 / 공백 사용 "useTabs": false, //문장의 마지막 세미콜론 작성 여부 "semi": true, //인용 부호 사용 시 큰 / 작은 따옴표 사용 "singleQuote": true, //후행 쉼표 사용 여부 "trailingComma": "all", //대괄호 사이 공백 여부 "bracketSpacing": true, //화살표 함수 괄호 포함 여부 //a..

사설 NPM 업로드 및 다운로드

1. 라이브러리 화 1.1 라이브러리 파일 설정 1.1.1 사용할 함수 Export 및 대표 파일에서 Import 1.2 라이브러리 Build 설정 1.2.1 package.json 설정 1.2.2 vite.config.js build option 설정 1.3 Build Library 2. 업로드 2.1 설정 파일 생성 및 수정 2.1.1 package.json 설정 2.1.2 .npmrc 설정 2.2 업로드 명령어 2.3 업로드 시 오류 및 해결법 2.3.1 .ENEEDAUTH 오류 2.3.2 .E400(Not Allow Updating 오류) 3 다운로드 3.1 설정 파일 생성 3.1.1 .npmrc 파일 설정 3.2 다운로드 시 오류 및 해결법 3.2.1 라이브러리 사용이 되지 않음 기준 버전 Pa..

React Build Tool - vite, craco

vite 선택 이유 : build 시간의 불편을 느끼지 상대 경로에 대한 불편은 아직 없음 Bundling node_modules 용량 큼 import require 문법은 브라우저 친화적이지 않음 vite $ npm create vite@latest yarn create vite Vite 시작 프로젝트의 성장에 따라 번들링 시간이 늘어남 Webpack의 빌드 속도는 느림 빠른 이유 esbuild 를 사용하여 종속성을 미리 Bundle - 브라우저가 요청할 때 소스 코드를 변환, 제공 조건부 동적으로 가져오기에 뒤에 있는 코드는 현재 화면에서 실제로 사용되는 경우에만 처리됩니다. craco yarn add @craco/craco craco 시작 craco.config.js 파일 하나로 상대 경로가 아닌 ..