Code Monkey home page Code Monkey logo

playground-react's Introduction

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)

playground-react's People

Contributors

mandoo1229 avatar jaynamm avatar kkyhh avatar heeju23 avatar moneyless1989 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.