https://github.com/jaynamm/playground-react
PLAYGROUND front-end: react project
https://github.com/jaynamm/playground-react
playground-front react webproject
Last synced: 3 months ago
JSON representation
PLAYGROUND front-end: react project
- Host: GitHub
- URL: https://github.com/jaynamm/playground-react
- Owner: jaynamm
- Created: 2023-05-02T07:18:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-17T08:02:38.000Z (over 2 years ago)
- Last Synced: 2025-09-10T16:47:41.110Z (4 months ago)
- Topics: playground-front, react, webproject
- Language: JavaScript
- Homepage:
- Size: 9.94 MB
- Stars: 2
- Watchers: 1
- Forks: 5
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PLAYGROUND-FRONT
- npm 모듈 설치 시 package.json 에 포함시키기
```
npm install --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)