WARNING: THIS SITE IS A MIRROR OF GITHUB.COM / IT CANNOT LOGIN OR REGISTER ACCOUNTS / THE CONTENTS ARE PROVIDED AS-IS / THIS SITE ASSUMES NO RESPONSIBILITY FOR ANY DISPLAYED CONTENT OR LINKS / IF YOU FOUND SOMETHING MAY NOT GOOD FOR EVERYONE, CONTACT ADMIN AT ilovescratch@foxmail.com
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)

About

PLAYGROUND front-end: react project

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5