React : WebApp

[React-Native] 기본 설정 및 환경 세팅

킹왕짱지지 2024. 4. 11. 18:05

리액트 프로젝트 만들기

npx create-react-app 프로젝트명 --template typescript
code 프로젝트명

애플리케이션 실행하기

npm run start # 개발모드
npm run build # 빌드모드

웹 서버 가동 및 리액트 어플리케이션 실행

npm install -g serve
serve -s build

커스텀 프리티어 쓰는 법

# .prettierrc.js 
module.exports = {
  bracketSpacing: false,
  jsxBrachetSameLine: true,
  singleQuote: true,
  trailingComma: "none",
  arrowParens: "avoid",
  semi: false,
  printWidth: 90,
};
#터미널
touch .prettier.js

#윈도우면 먼저 touch 를 install 해줘야함 
npm install -g touch-cli

chance, luxon 패키지 생성

chance : 가짜 데이터 생성
luxon : 20분 전 과 같은 형태로 만들어줌

npm i chance luxon
npm i -D @type/chance @types/luxon