Wil
220925~221008 9,10์ฃผ์ฐจ [์ค์ ํ๋ก์ ํธ 2,3์ฃผ์ฐจ ํ๊ณ ]
๋ก๊ทธ์ธ, ํ์๊ฐ์ โ ์์ ๋ก๊ทธ์ธ ํตํฉ->ํตํฉ ์ ํจ์ผ๋ก ์์ โ ๋ก๊ทธ์์, ํ์๊ฐ์ , ํ์ํํด ๊ณตํต โ ๋ ์ํผ ์ข์์ ๊ธฐ๋ฅ ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌ โ ํํฐ์ [ # ]๋ฒํผ ํด๋ฆญ ์ Best Tag List ์กฐํ ๋ฐ ํ๊ทธ ์ ํํด์ ๊ฒ์ ๋ฉ์ธ ํ์ด์ง โ ๋ฉ์ธ ํ์ด์ง ๋ก๊ทธ์ธ ์ฌ๋ถ, ํ๋ก์ฐํ ์ ์ ์ ๋ฌด์ ๋ฐ๋ผ ๋ณด์ฌ์ฃผ๋ ํ๋ฉด ๋ณ๊ฒฝ โ ๊ฒ์ ๊ธฐ๋ฅ (ํ๊ทธ ์ต๋ 5๊ฐ, ์ ๋ชฉ, ๋๋ค์) ๊ฒ์ ํ์ด์ง โ ๊ฒ์ ํ์ด์ง ๋ ์ํผ ๊ด๋ จ ํ์ด์ง โ ๋ ์ํผ ์์ธ ํ์ด์ง Swiper ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ์ ๋ฐ ์์ฑ์ ์ ๋ฌด์ ๋ฐ๋ฅธ ๋ฒํผ ๋ณ๊ฒฝ โ ๋ ์ํผ ์์ ํ์ด์ง Swiper ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ์ 2์ฃผ ๋ฐ๋ฆฐ WIL .. ๐ฅฒ ๊ทธ๋์ ์์ฒญ ์๊ฐ์ด ๋นจ๋ฆฌ ๊ฐ๋ค. ์ฒ์ ํ๋ก์ ํธ๋ฅผ ์์ํ ๋ ์ฌ์ ๊ฐ ๋์ณค๋๋ฐ, ์๊ฐ๋๋ก ์ ์ ํ๋ฆฐ ๋ถ๋ถ๋ค๋ ์์๊ณ ํ๋ค ๋ณด๋ ์ ..
220918~220924 8์ฃผ์ฐจ [์ค์ ํ๋ก์ ํธ 1์ฃผ์ฐจ ํ๊ณ ]
โ ๋ฉ์ธ ํ์ด์ง(๋ฒ ์คํธ ๋ ์ํผ, ์ต์ ๋ ์ํผ ์กฐํ) โ ๋๊ธ CRUD โ ๋ ์ด์์, ํ๊ทธ, ๋ ์ํผ ์ปดํฌ๋ํธ ์ ์ โ ์นด์นด์ค ๋ก๊ทธ์ธ, ํ์๊ฐ์ โ ์ด์, PR ๋ก ํ์ ํ๊ธฐ ์ผ์ฃผ์ผ ๋จ์๋ก ๊ณ์ ๋ฏธ๋ ํ๋ก์ ํธ๋ฅผ ํ๋ค ๋ณด๋, ๊ธฐ๋ณธ CRUD ๊ธฐ๋ฅ ๊ตฌํ์ ๋น ๋ฅด๊ฒ ์๋ฃํ๋ค. ๋ฌผ๋ก UX ๋ถ๋ถ์ด ์์ง ๋ถ์กฑํ๊ณ , ๋ฌดํ ์คํฌ๋กค, ์ค์ผ๋ ํค, ์๋ฟ์ฐฝ ๋์ ์ค๋ต๋ฐ ์ฌ์ฉ ๋ฑ๋ฑ์ ๋จ์ ์๋ค. ์ค์ ํ๋ก์ ํธ์ธ ๋งํผ ๊ทธ๋์ ํ๊ณ ์ถ์์ง๋ง, ์๊ฐ์ด ๋ถ์กฑํด์ ํ์ง ๋ชปํ๋ ๊ฒ๋ค์ ํด๋ณผ ์๊ฐ์ด๋ค. ๋ํ ๋จ์ํ ๊ธฐ๋ฅ ๊ตฌํ์ ๋ง์กฑํ๋ ๊ฒ์ด ์๋๋ผ ์ ์ง ๋ณด์์ฑ, ๊ฐ๋ ์ฑ, ์ต์ ํ ๋ฑ๋ฑ์ ๊ณ ๋ คํ๊ณ ์๋ค. ์ค์ ํ๋ก์ ํธ 1์ฃผ์ฐจ ํ๊ณ 1. ๋ฆฌ๋์ค๋ฅผ ๊ผญ ์จ์ผํ ๊น? ์ ์ญ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํ ๋ ์ฌ์ฉํ๋ ๋ฆฌ๋์ค. ํ ํ๋ก์ ํธ์์ ์ ๋ง ํ์ํ ๊น? ๋ผ๋ ์๋ฌธ์ด ๋ ..
220904~220910 6์ฃผ์ฐจ ํผ์์ ํ๋ก์ ํธ ์๋ฃ ๐ฅน
โ [์๋ฌผ์ผ๊ธฐ] ํ๋ก์ ํธ ์๋ฃ. ๊ฒ์๊ธ CRUD, ๋๊ธ CRUD, ๋ก๊ทธ์ธ(JWT), ํ์๊ฐ์ , ๋ง์ดํ์ด์ง ๊ธฐ๋ฅ ๊ตฌํ โ MUI ํ์ฉ. โ [์ค์ค๋ก] ํด๋ก ์ฝ๋ฉ ํ๋ก์ ํธ ์์. PostCss Module ํ์ฉ. ๋ฉ์ธ ํ์ด์ง ์๋ฃ. โ๏ธ axios intercepter ๊ณต๋ถ์ค.. https://axios-http.com/kr/docs/interceptors โ๏ธ react ํ ์คํธ ์ฝ๋ ์์ฑ ์ธ๊ฐ ์์ โ๏ธ ๋ฐ์ํ ์ฌ์ดํธ ๋ง๋๋ ๋ฒ ์ด๋ฒ ์ฃผ๋ ์ ๋ง ์ ์ ์ด ์์๋ค. ์๋ฌผ์ผ๊ธฐ ํ๋ก์ ํธ์ ํ๋ก ํธ ๋ถ๋ถ์ ํผ์ ๋งก์์ ํ๊ธฐ ๋๋ฌธ์ด๋ค. ๋ค๋ฅธ ์กฐ๋ค์ 2-3๋ช ์ ํ๋ก ํธ ๋ด๋น์๊ฐ ์์์ง๋ง, ์ฐ๋ฆฌ ์กฐ๋ ํ๋ก ํธ ํ์์ด ๊ฐ์๊ธฐ ์ ์์ ํ๋ ๋ฐ๋์ ๋ ํผ์ ํ๋ก ํธ ์ ๋ฐ์ ๋งก๊ฒ ๋์๋ค. ๊ทผ๋ฐ ์ ๋ง ๋๋๊ฒ๋! ๋ ํผ์์ ๋ค ํ ์ ์์..

220814~220820 3์ฃผ์ฐจ
1. React ์ฃผ์ ์ปจ์ ๊ณต๋ถ ๋๋ฆผ์ฝ๋ฉ ๋ฆฌ์กํธ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ YouTube clone ์ฝ๋ฉ (์ ํ๋ธ API ํ์ฉ) ๐ ๋ณต์ต ํ์! ํผ์์ ๋ค์ ๋ง๋ค๊ธฐ ํ๋ฆ ์ดํด๋ ๋์ง๋ง, open API๋ฅผ ํ์ฉํ๋ ๊ฒ์ด ์ต์ํ์ง ์์ ์ด๋ ต๋ค. API Key ๋ ์ธ๋ถ๋ก ๋ ธ์ถ๋์ง ์๋๋ก .env ์ ๋ฃ๊ณ ๊ด๋ฆฌํด์ผ ํ๋ค. ์๋น์ค ๊ด๋ จ ๋ก์ง์ ๋ฐ๋ก ๊ด๋ฆฌํด์ผ ํ๋ค. Dom ๊ฐ๋ ๊ณต๋ถ ์ฐธ๊ณ ์๋ฃ ๐ https://wit.nts-corp.com/2019/02/14/5522 React ๊ณต์ ๋ฌธ์๋ก class component ์ function component ๊ณต๋ถ ๋ฆฌ์กํธ ๊ณต์ ๋ฌธ์ main concepts 2. React ๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ณต๋ถ ์บ ํ์์ ์ ๊ณต๋ ํ์ต ์๋ฃ๋ฅผ ๋ณด๊ณ redux ๊ณต๋ถ. todo list ๋ฅผ redux du..

220807~220813 2์ฃผ์ฐจ
์๊ฐ์ด ๋ฏธ์น ๋ฏ์ด ๋นจ๋ฆฌ ๊ฐ๋ค. ์ด๋ฒ ์ฃผ์ฐจ๋ ์๊ณ ๋ฆฌ์ฆ ์ฃผ์ฐจ + ๋ฆฌ์กํธ ์ ๋ฌธ ์ฃผ์ฐจ์๋ค. ์ผ-๋ชฉ์ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด. ๊ธ์์ผ๋ถํฐ๋ ๋ฆฌ์กํธ ๊ณต๋ถ ์์! ๐ป ์ ๋ฒ ์ฃผ์ ๊ณํํ๋ ์ด๋ฒ ์ฃผ์ ๋ชฉํ ๊น๊ณผ ๊นํ ๊ณต๋ถ Git ์ธ๊ฐ์ ๋ณด๋ฉฐ ์ ์ฒด์ ์ผ๋ก ์ด๋ค ๊ธฐ๋ฅ์ด ์๊ณ ์ด๋ป๊ฒ ์ฐ๋ ๊ฒ์ธ์ง๋ ์์์ง๋ง, ๊ทธ๊ฑธ ์ค์ ๋ก ํ์ ํ๋ฉฐ ์ฐ์ง๋ ๋ชปํ๊ฒ ๋ค. ์ธ๊ฐ์ ์ง์์ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ์ป์ ์ ์์ง๋ง ๊ทธ๋งํผ ๊ธฐ์ต์ ํ๋ฐ์ฑ๋ ๊ฐํ๋ค. ๋๋ฌธ์ ๊ธฐ๋กํ์ง ์์ผ๋ฉด ๋ชจ๋ ์ฌ๋ผ์ง๋ค. ๐ฅ ๊ทธ๊ฑธ ์๋ฉด์๋ ๊ธฐ๋กํ๋ฉฐ ๊ณต๋ถํ์ง ๋ชปํ ๊ฒ์, ์กฐ๊ธํจ ๋๋ฌธ์ด๋ค. ์๋ฌด๋๋ ๊ธฐ๋กํ๋ฉฐ ๊ณต๋ถํ๋ฉด ์๊ฐ์ด 2๋ฐฐ ์ด์ ๋ ๋ค. ๊ทธ๋ฆฌ๊ณ ๋น์ฅ ์ธ ์ง์์ด ์๋๋ค ๋ณด๋ ์ค์์ฑ์ ์์ง๋ง, ํ์์ฑ์ ๋จ์ด์ง๋ค. ๋๋ฌธ์ 1์ฃผ ์ฐจ์ ํ๋ก์ ํธ๋ฅผ ํ๋ฉฐ ๊ฐ์ฅ ํ์ํ๋ ๋ถ๋ถ๋ค์ ๋จผ์ ์ ๋ฆฌํ๋ ค ํ๋ค. ๋ค์ ..

220729~220806 1์ฃผ์ฐจ
๐ฅ ์์ฒญ ๋ฐ๋นด์ง๋ง, ๊ทธ๋งํผ ๋ง์ด ๋ฐฐ์ ๋ ํ ์ฃผ โจ ๋๋์ 1 : ํ์ ์ ์ค์์ฑ โ ์บ ํ๊ฐ ์์ํ์ ๋ง์ ํ๋ก์ ํธ ์กฐ๊ฐ ์ง์ฌ์ก๋ค. ์ธ์ฌ๋ง ํ๊ณ ๋ฐ๋ก ํ๋ก์ ํธ ์ฃผ์ ์ ์ ๋ถํฐ api ์ค๊ณ, ํ๋ฉด ์ค๊ณ, ERD ์ค๊ณ, ๊ธฐ๋ฅ ๋ถ๋ฐฐ๊ฐ ์ด๋ฃจ์ด์ก๋ค. ์ฐ๋ฆฌ ์กฐ์ ํ๋ก์ ํธ๋ [ํธ์์ ์ ์์ ๋ฆฌ๋ทฐํ๋ ์น์ฌ์ดํธ] ์๋ค. ๋ด๊ฐ ๋งก์ ๋ถ๋ถ์ ๋ฉ์ธํ์ด์ง ํ๋ฉด ๊ตฌํ๊ณผ ๋ฉ์ธํ์ด์ง์ ๊ธฐ๋ฅ ๊ตฌํ์ด์๋ค. ๊ฐ ํ์ด์ง๋ก ๊ฐ ์ ์๋ ๋ท๋ฐ๋ฅผ ๋ง๋ค๊ณ ๊ฒ์๊ธ ๊ฒ์๊ณผ ๊ฒ์๊ธ ์์ธ ๋ณด๊ธฐ ๊ธฐ๋ฅ์ ๊ตฌํํด์ผ ํ๋ค. ๊ฐ์ ๋งก์ ๋ถ๋ถ๋ง ์ ํ๋ฉด ํ๋ก์ ํธ๊ฐ ๋ฌธ์ ์์ด ์์ฑ๋๋ ์ค ์์์ผ๋ ๊ทธ๊ฑด ๋์ ์ฐฉ๊ฐ์ด์๋ค..! ๊ฒ์๊ธ ์์ธ ์กฐํ ๊ธฐ๋ฅ์ ๊ตฌํ ํ๋ ค๋ฉด ๊ฒ์๊ธ์ ์ ๋ณด๊ฐ db ์ ์ด๋ป๊ฒ ์ ์ฅ๋๋ ์ง๋ฅผ ์์์ผ ํ๋๋ฐ, ๊ฒ์๊ธ์ ์ด๋ฏธ์ง ์ ์ฅ ๋ฐฉ์์ ์ ํ์ง ๋ชปํด ๊ฒ์๊ธ ..