-
[ToyProject-Todomate] ํฌ๋๋ฉ์ดํธ ํด๋ก ํ๋ก์ ํธ 02WEB Dev/ToyProject 2021. 11. 25. 14:00728x90
๐ท Todomate โ - Clone Project
๋ง์ ์ฌ๋๋ค์ด ์ฌ๋ํ๋ ํฌ๋๋ฉ์ดํธ๋ฅผ ํด๋ก ํ์ฌ ์น ์๋น์ค๋ฅผ ๋ฐฐํฌํด๋ณด๋ ํ๋ก์ ํธ
๐ธ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ฌํญ - ํ์ํ๊ธฐ ์ ์ ์์๋ณธ ๊ฒ๋ค
ํ์ ํ๊ธฐ
โพ ๊ฐ๋ฐ ์ธ์ด :๋ฆฌ์กํธReact, ์๋ฐ์คํฌ๋ฆฝํธJavascript
(HTML, CSS(SCSS), REACT, JAVASCRIPT ๋ฑ)
โพ ํธ์คํ : ๊นํ๋ธ (AWS ์จ๋ด๋ ๋ ๊ฑฐ๊ฐ์๋ฐ.. ๋ฆฌ๋ ์ค ์ด์ฉํด์ ๋ ธ๋๋ก ์๋ฒ์ด๊ณ ํธ์คํ ํ๋๊ฑฐ๊ฐ์๋ฐ ๊นํ์ ๊ทธ๋ฅ ๋ฒํผ๋ง ๋๋ฅด๋ฉด ๋๋์)
โพ ๋๋ฉ์ธ : ๊ฐ๋น์์์ ํ๋ ์ด๊น์? - ์ด๊ฑด ๋์ค์ ๋ฐฑ์๋๋ถ๋ค์ด๋ ์ ํด์.
โพ ํ์ ํด(ํ1) : ์ง๋ผJira,๋ ธ์ Notion, ํธ๋ ๋กTrello ํน์ ๊นํ
๋ฌด์์ ์จ๋ณด๊ณ ์ถ์ผ์ ๋ ์ข์์.
โพ ๋ฒ์ ๊ด๋ฆฌํด : GitHub (๋ ํฌ์งํ ๋ฆฌ ๋ง๋ค์ด์ ๋ฐฑ์๋๋ถ๋ค์ด ์ ๊ณตํด์ฃผ์ ๋ฉ๋ด์ผ ์ด์ฉํด์!)
โพ ๊ฐ๋ฐ ํ๊ฒฝ : CRA (Create-React-App) (์ด๊ฑฐ ๋ง๊ณ ๋ค๋ฅด๊ฒ ํ๋๊ฑด ์์ฒญ ์ด๋ ต๋ค๊ณ ๋ค์์ด์!)
โพ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ : MUI
โพ ์บ๋ฆฐ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(ํ1) : MUI-Date Picker,ToastUI-Calendar
โพ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ : Recoil
โพ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ : ์ด๊ฒ ์ด๋ ต๋ค์.. ๊ทธ๋ฅ ํ ์คํธ๋ก ๋จ๊ฒ ํ๋๊ฒ ์ฌ์ธ์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๋ธ๋ผ์ฐ์ ์์ ์๋์ ๋ณต์กํด๋ณด์ฌ์
์๋๋ ์๋ฃ.
[material-ui(mui)] datepicker ์ค์ (date format ํฌํจ)
material-ui ์ ๋ฒ์ 5.x๋ฅผ ๊ธฐ์ค์ด๋ค. ์ผ๋จ ์ฝ๋. ๋ง์ฝ import ๋์ง ์๋๋ค๋ฉด ๋ค์์ ํจํค์ง๊ฐ ์ค์น๋์ด ์...
blog.naver.com
[React] ๋ฆฌ์กํธ ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ
1. ๋ ธ๋ ๋ฒ์ ๋งค๋์ (NVM) ์ค์น ๋ฆฌ์กํธ๋ javascript ๊ธฐ๋ฐ์ด๋ผ ๋ ธ๋์ ์ด์์ค(Node.js) ๋ฐํ์์ผ๋ก ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๊ทธ๋์ ํธํ๊ฒ NVM ๊น๊ณ ๋ฒ์ ๊ด๋ฆฌํ๋ฉด์ ๊ตฌ์ถํ๋ ๋ฐฉํฅ์ผ๋ก ๊ณ ๊ณ ~! https://github.com/coreybu
jiguin-hankun.tistory.com
Recoil - ๋ ๋ค๋ฅธ React ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ?
๋ง์ React ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ด ์๊ณ , ๊ฐ๋ ์๋ก์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ฑ์ฅํ๋ค. ๊ทธ๋ฌ๋ ํ์ด์ค๋ถ์์ ์ง์ ์ํ ๊ด๋ฆฌ ์๋ฃจ์ ์ ์๊ฐํ๋ ๊ฒ์ ํํ์ง ์๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ด๋ค ์ฅ์ ์ด ์๊ณ
ui.toast.com
์ฒซ ๊ฐ์ธ ํ๋ก์ ํธ : ๋ฆฌ์กํธ ์บ๋ฆฐ๋
React Calendar Project ์ฒซ ๋ฆฌ์กํธ ํ๋ก์ ํธ์ ๋๋ค. ์บ๋ฆฐ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ด JS ๋ด์ฅํจ์๋ฅผ ์ด์ฉํ์ฌ ๊ตฌํํด ๋ณด์์ต๋๋ค.
velog.io
728x90'WEB Dev > ToyProject' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ