Skip to content

jaynamm/playground-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PLAYGROUND-FRONT

  • npm 모듈 설치 시 package.json 에 포함시키기
npm install <package_name> --save
  • 설치한 라이브러리 정리
// node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트
axios

// proxy 설정
http-proxy-middleware 

// 라우터 설정
react-router-dom 

// Material UI
@mui/material @emotion/react @emotion/styled
// scss설치
npm install node-sass
사용 방법은 css 사용 방법과 똑같다. 
CSS 방식
import './App.css'

scss방식
import './App.scss'

프로젝트 실행 순서

  • npm 모듈 설치 (package.json)
npm install
  • 프로젝트 시작
npm start

🤝 커밋 규칙

태그 이름 설명
Feat 새로운 기능을 추가하는 경우
Fix 버그를 고친 경우
Style 코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
Refactor 리팩토링 (코드 및 환경변수 설정 변경)
Comment 필요한 주석 추가 및 변경
Docs 문서를 수정한 경우
Rename 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
Remove 파일을 삭제하는 작업만 수행한 경우

태그: 내용 (#이슈번호)
예시 ) Feat: 내용추가추가추가 (#1) , Refactor: Config 리팩토링 (#4)