diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..ab0d4a9d --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +/node_modules +.cache +dist diff --git a/README.md b/README.md index 598dc30f..a8e180dd 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,233 @@ -# ๐ ์์ ์ด ์ํ๋ ์ฌ์ดํธ ๋ ์ด์์ ํด๋ก +### [์ฌ์ดํธ ๋ ์ด์์ ํด๋ก ๊ณผ์ ] +--- +>์ ์ถ ์ผ์ : 23๋ 4์ 5์ผ +์์ฑ์ : ๊น๋ค์ฌ -์ํ๋ ์ฌ์ดํธ(ํ์ด์ง)๋ฅผ ์์ ๋กญ๊ฒ ์ ํํ๊ณ ๋ ์ด์์์ ํด๋ก ์ฝ๋ฉํ์ธ์. -ํ์์ ๋์ ํด ๋ณด๊ณ ์ถ์๊ฑฐ๋ ํน์ ์์ ์ ์์ค์ ๋ง๋ ์ฌ์ดํธ(ํ์ด์ง)๋ฅผ ์ ํํ์ธ์. -๊ณผ์ ์ํ ๋ฐ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ์ ๋ณ๋ ๊ณต์ง๋ฅผ ์ฐธ๊ณ ํ์ธ์! + -## ๊ณผ์ ์ํ ๋ฐ ์ ์ถ ๋ฐฉ๋ฒ +### ํ์ ์๊ตฌ์ฌํญ +--- +- [x] ๊ณผ์ ์ ๋ํ ์ค๋ช ์ ํฌํจํย `README.md`ย ํ์ผ์ ์ ๊ณตํ์ธ์! + + -๊ณผ์ ์ ๋ํ ์์ธํ ์ค๋ช ์ README.md ํ์ผ์ ์์ฑํ์ต๋๋ค. -1. ํ์ฌ ์ ์ฅ์๋ฅผ ๋ก์ปฌ์ ํด๋ก (Clone)ํฉ๋๋ค. -1. ์์ ์ ๋ณธ๋ช ์ผ๋ก ๋ธ๋์น๋ฅผ ์์ฑํฉ๋๋ค.(๊ตฌ๋ถ ๊ฐ๋ฅํ๋๋ก ๋ณธ๋ช ์ ๊ผญ ํ์ค์นผ์ผ์ด์ค๋ก ํ์ํ์ธ์, `git branch KDT0_ParkYoungWoong`) -1. ์์ ์ ๋ณธ๋ช ๋ธ๋์น์์ ๊ณผ์ ๋ฅผ ์ํํฉ๋๋ค. -1. ๊ณผ์ ์ํ์ด ์๋ฃ๋๋ฉด, ์์ ์ ๋ณธ๋ช ๋ธ๋์น๋ฅผ ์๊ฒฉ ์ ์ฅ์์ ํธ์(Push)ํฉ๋๋ค.(`main` ๋ธ๋์น์ ํธ์ํ์ง ์๋๋ก ๊ผญ ์ฃผ์ํ์ธ์, `git push origin KDT0_ParkYoungWoong`) -1. ์ ์ฅ์์์ `main` ๋ธ๋์น๋ฅผ ๋์์ผ๋ก Pull Request ์์ฑํ๋ฉด, ๊ณผ์ ์ ์ถ์ด ์๋ฃ๋ฉ๋๋ค!(E.g, `main` <== `KDT0_ParkYoungWoong`) + -- `main` ํน์ ๋ค๋ฅธ ์ฌ๋์ ๋ธ๋์น๋ก ์ ๋ ๋ณํฉํ์ง ์๋๋ก ์ฃผ์ํ์ธ์! -- Pull Request์์ ๋ณด์ด๋ ์ค๋ช ์ ๋ค๋ฅธ ์ฌ๋๋ค์ด ์ดํดํ๊ธฐ ์ฝ๋๋ก ๊ผผ๊ผผํ๊ฒ ์์ฑํ์ธ์! -- Pull Request์์ ๊ณผ์ ์ ์ถ ํ ์ ๋ ๋ณํฉ(Merge)ํ์ง ์๋๋ก ์ฃผ์ํ์ธ์! -- ๊ณผ์ ์ํ ๋ฐ ์ ์ถ ๊ณผ์ ์์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ๊ฒฝ์ฐ, ๋ฐ๋ก ๋ด๋น ๋ฉํ ๋ ๊ฐ์ฌ์์ ์๊ธฐํ์ธ์! +- [x] ๊ณผ์ ๊ฒฐ๊ณผ์ ๋น๊ตํ ์ ์๋ ์ค์ ์ฌ์ดํธ(ํ์ด์ง)์ ์ฃผ์๋ฅผ ๋ช ์ํ์ธ์! -## ํ์ ์๊ตฌ์ฌํญ + -์๋ณธ ์ฌ์ดํธ : [์ดํ์ดํ](https://earpearp.com/index.html) + -๊ณผ์ ์ ์ถ์ 4์ 5์ผ์ ํ๋๋ฐ 4์ 7์ผ ์ดํ ์๋ณธ ์ฌ์ดํธ๊ฐ ์ ์ฒด ๊ฐํธ ๋์์ต๋๋ค. ์ ์ถํ ๊ณผ์ ์ ์ ํ ๋ค๋ฅธ ์ฌ์ดํธ๊ฐ ๋์ด ๋น๊ตํ ์ ์๊ฒ ๋์์ต๋๋ค. ์ฐธ๊ณ ๋ถํ๋๋ฆฝ๋๋ค. -- [ ] ๊ณผ์ ์ ๋ํ ์ค๋ช ์ ํฌํจํ `README.md` ํ์ผ์ ์ ๊ณตํ์ธ์! -- [ ] ๊ณผ์ ๊ฒฐ๊ณผ์ ๋น๊ตํ ์ ์๋ ์ค์ ์ฌ์ดํธ(ํ์ด์ง)์ ์ฃผ์๋ฅผ ๋ช ์ํ์ธ์! -- [ ] ๊ณผ์ ์์ ์ฌ์ฉํ ํ๋ก์ ํธ ํด๋/ํ์ผ์ด ๋ชจ๋ ํฌํจ๋ผ์ผ ํฉ๋๋ค, ์ผ๋ถ ํ์ผ๋ง ์ ์ถํ์ง ๋ง์ธ์! -- [ ] ์ค์ ์๋น์ค๋ก ๋ฐฐํฌํ๊ณ ์ ๊ทผ ๊ฐ๋ฅํ ๋งํฌ๋ฅผ ์ถ๊ฐํด์ผ ํฉ๋๋ค. + -## ์ ํ ์๊ตฌ์ฌํญ +- [x] ๊ณผ์ ์์ ์ฌ์ฉํ ํ๋ก์ ํธ ํด๋/ํ์ผ์ด ๋ชจ๋ ํฌํจ๋ผ์ผ ํฉ๋๋ค, ์ผ๋ถ ํ์ผ๋ง ์ ์ถํ์ง ๋ง์ธ์! -- [ ] ``, `` ๋ฑ ์๋ฉํฑ ํ๊ทธ๋ฅผ ์ต๋ํ ํ์ฉํด๋ณด์ธ์. -- [ ] ์ค์ ์ฌ์ดํธ์ ๋ ๊ฑฐ์ ์ฝ๋ ํ์ฉ๋ณด๋จ ์ต์ ์ CSS Flex ํน์ Grid ๋ฑ์ ํ์ฉํด๋ณด์ธ์. -- [ ] ๋ถ๋ถ์ ์ผ๋ก BEM ๋ฐฉ๋ฒ๋ก ์ ๋์ ํด๋ณด์ธ์. -- [ ] JS๊ฐ ํ์ํ ๋ถ๋ถ์ ๋๋๋ก ์๋ตํ๋ ์ด์ ๋ฅผ ๋ช ์ํด๋ณด์ธ์.(CSS๋ก ๋์ฒด ๊ฐ๋ฅํ์ง ํผ๋๋ฐฑ์ด ์์ ์ ์๊ฒ ์ฃ ?!) -- [ ] JS๊ฐ ํ์ํ ๋ถ๋ถ ์ค ๊ตฌํํ ๋ถ๋ถ์ด ์๋ค๋ฉด ์์ ๋กญ๊ฒ ๊ตฌํํด๋ณด์ธ์.(JS ๊ณผ์ ๊ฐ ์๋๋๊น ๊ฐ๋ณ๊ฒ ๊ตฌํํ์๊ธธ ์ถ์ฒํด์) -- [ ] SCSS ๋ฑ์ CSS ์ ์ฒ๋ฆฌ๋๊ตฌ๋ฅผ ๋์ ํด๋ณด์ธ์. -- [ ] SCSS ์ปดํ์ผ์ Webpack์ด๋ Parcel ๊ฐ์ ๋ฒ๋ค๋ฌ๋ฅผ ํ์ฉํด๋ณด์ธ์. + -## ์์ฌ์ด ์ด๋ฏธ์ง ์ถ์ถ ๋ฐฉ๋ฒ +- [x] ์ค์ ์๋น์ค๋ก ๋ฐฐํฌํ๊ณ ์ ๊ทผ ๊ฐ๋ฅํ ๋งํฌ๋ฅผ ์ถ๊ฐํด์ผ ํฉ๋๋ค. + - ํด๋ก ์ฌ์ดํธ : [ํด๋ก ](https://beautiful-sunflower-e9dfb0.netlify.app/) -์ฌ์ดํธ ํด๋ก ์ ํ์ํ ์ด๋ฏธ์ง๋ฅผ ์ข ๋ ์ฝ๊ฒ ์ถ์ถํ๊ธฐ ์ํด์ Chrome ํ์ฅ ํ๋ก๊ทธ๋จ์ธ [Image Downloader](https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ko)๋ฅผ ์ฌ์ฉํ์ธ์. + -1. ์ํ๋ ์ฌ์ดํธ ์ ์ -1. Image Downloader ํ์ฅ ํ๋ก๊ทธ๋จ ์คํ -1. ๋ค์ด๋ก๋ ์ํ๋ ์ด๋ฏธ์ง ์ ํ -1. ์๋ธ ํด๋ ์ด๋ฆ(Save to subfolder) ๋ช ์ -1. ๋ค์ด๋ก๋! +### ์ ํ ์๊ตฌ์ฌํญ +--- +- [x] ``,ย ``ย ๋ฑ ์๋ฉํฑ ํ๊ทธ๋ฅผ ์ต๋ํ ํ์ฉํด๋ณด์ธ์. + + -์๋ณธ ์ฌ์ดํธ์์ div๋ก ๊ตฌํ๋ ์๋จ ๋ฉ๋ด ๋ถ๋ถ๊ณผ ๋ฉ์ธ ์ปจํ ์ธ ๋ถ๋ถ์ `` ํ๊ทธ์ `` ํ๊ทธ๋ก ๊ตฌํํ์ต๋๋ค. + -**(์ถ๊ฐ์ฌํญ)** 4์ 9์ผ 4์กฐ ํผ์ด๋ฆฌ๋ทฐ ์ดํ ๋ฆฌ๋ทฐ ์๊ฒฌ์ ๋ฐ์ํด `