5์ 9์ผ ~ 5์ 15์ผ ํ ์ฃผ ํ๊ณ ๊ฒฝํํ ๊ฒ HTML / Sass node.js๋ก Sass(dart Sass) ํ๊ฒฝ ์ธํ ํ๊ธฐ package.json ์คํฌ๋ฆฝํธ ์ถ๊ฐํ๊ธฐ Sass-lint ์ค์ ํ๊ธฐ ์์ด์ฝ ํฐํธ ๋ง๋ค์ด์ ์ฌ์ฉํด๋ณด๊ธฐ JS ํด๋์ค์ ์ ๊ทผ ์ ์ด์๋ค Number, Math, String ๋ฑ์ ๋ค์ํ ๊ฐ์ฒด๋ค git admend๋ฅผ ์๋ํ๋ค ๊ผฌ์์ ๋์ ํด๊ฒฐ revert ์ฌ์ฉํด๋ณด๊ธฐ leetCode ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด ๋๋ ์ git push ์ ์๋ ํญ์ pull ํ๊ณ reset์ ํจ๋ถ๋ก ์ฌ์ฉ๋ง์. ๋ฌด์์ด๋ ์์ํ ๋ ์ฒ์์ ๋ก์ง์ ๋จผ์ ์๊ฐํด๋ณด์! ๋ณด์ํ ์ ๋ธ๋ก๊ทธ ๊ธ ๋ด์ฉ ๋ณด์ leetCode ์์ ํผ ๋ด์ฉ๋ค ์ ๋ก๋ git ๋ช ๋ น์ด ๊ณต๋ถ
5์ 2์ผ ~ 5์ 8์ผ ํ ์ฃผ ํ๊ณ ์ฐจ์ง์ด ์๊ฒจ ๋ชฉํํ๋ ๋ถ๋ถ์ ์ข ๋ฐ๊พธ์ด์ ๊ณํ์ ์๋กญ๊ฒ ์งฐ๋ค. ํ์ตํ ๊ฒ HTML ์น์ ๊ทผ์ฑ ์ค ์คํฌ๋ฆฐ ๋ฆฌ๋์์ ๊ณ ๋ คํด์ผ ํ ์์๋ค. JS DOM ๋ค๋ฃจ๊ธฐ ๋ฐฐ์ด์ ๋ด์ฅ ๋ฉ์๋๋ค ์๊ณ ๋ฆฌ์ฆ / ์๋ฃ๊ตฌ์กฐ ์คํ์ ๊ตฌ์กฐ ํ ๋ผ์ ๊ฑฐ๋ถ์ด ์๊ณ ๋ฆฌ์ฆ ๋๋ ์ ์ ๋ฐ๋ฏธ ๊ฐ์๋ก๋ ์ถฉ๋ถํ ํด๋ณผ๋ง ํ๊ฒ ๋ค.. HTML ๋ ์ด์์ ์ง๊ธฐ ์ ์ ๊ณ ๋ฏผ์ ์ถฉ๋ถํ ํด์ผํ๋ค. ๋ณด์ํ ์ ๊ฐ์ฒด๋ฅผ ๋ฐฐ์ด๋ก, ๋ฐฐ์ด์ ๊ฐ์ฒด๋ก ๋ค๋ฃจ๋ ๋ถ๋ถ ์ฐ์ต. ๋ฐฐ์ด ๋ฉ์๋๋ค์ด ๋ ์ต์ํด์ง ์ ์๋๋ก ๋ง์ด ๋ค๋ค๋ณด๊ธฐ ๋ธ๋ก๊ทธ ๊ธ ๋ด์ฉ๋ค์ ๋ ๋ณด์ํด์ผ๊ฒ ๋ค. (์์ ํด์ผ๊ฒ ๋ค๊ณ ํ ๋ถ๋ถ๋ค + ๊น์ด)
4์ 18์ผ ~ 24์ผ ํ ์ฃผ ํ๊ณ 4์ ์ ์งธ์ฃผ๋ฅผ ๋์๋ณด๋ ํ ์ฃผ ํ๊ณ . ํ์ตํ ๊ฒ JS ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ก DOM์ ์กฐ์ํด๋ณด์๋ค. ๋น๋๊ธฐ ํต์ ์ ๋ฐฉ๋ฒ์ค fetch API๋ฅผ ์ฌ์ฉํด๋ณด์๋ค. ์๋ฃ๊ตฌ์กฐ/์๊ณ ๋ฆฌ์ฆ leetCode๋ฅผ ํ๋๋ฌธ์ ์ฉ ํ์ด๋ณด๊ณ ์๋ค ๋ฐฐ์ด์ ์ฌ๋ฌ ํ์ ๋ฌธ์ ๋ค์ ํ์ด๋ณด๊ณ ์๋ค. ์ฐ๊ฒฐ๋ฆฌ์คํธ์ ๊ตฌ์กฐ์ ๋ํด์ ๋ค์ ๋ณต์ตํ๋ ์๊ฐ์ ๊ฐ์ก๋ค. ๊ทธ ์ธ ๊นํ๋ธ ๋ฆฌ๋๋ฏธ๋ฅผ ๊พธ๋ฉฐ ๋ณด์๋ค. var์ let, const ์ ๋ํด์. ๋๋์ SASS๊ฐ ํธํด์ง๊ณ ์๋ค. (๊ฐ๊ธธ์ด ๋ฉ์ง๋ง) ์ด๋ฒ ์ฃผ๋ ์ง์ ๋ญ๊ฐ ํด๋ณด๋ ์๊ฐ์ ๋ง์ด ๊ฐ์ง๋ค๋ณด๋ ๊ฐ์๋ฅผ ์๊ฐ๋ณด๋ค ๋ง์ด ๋ฃ์ง ๋ชปํ๋ฏ ํ๋ค. ์ฌ์ด ๋จ๊ณ์ด์ง๋ง ์ฝ์ง ์์ ์๊ณ ๋ฆฌ์ฆ~ ์ ๋ง ๋ค์ํ ํ์ด๋ฒ์ด ์๋ ๊ฒ ๊ฐ๋ค. ํฌ๋ ์คํธ ๊ธฐ๋กํ๋ค๊ฐ ๊น๋จน์ ๋ ์ด ๋ง์๋ค. ๋ณด์ํ ์ ๊ณต๋ถ ํจํด ์ ์ฐฉํ..
4์ 11์ผ ~ 18์ผ ํ ์ฃผ ํ๊ณ ์ด์ (17์ผ) ์ฌ๋ ธ์ด์ผ ํ๋๋ฐ ๊น๋นกํด์ ์ค๋ ์ฌ๋ฆฌ๋ ํ ์ฃผ ํ๊ณ . ํ์ตํ ๊ฒ HTML/CSS Grid์ ๋ํ ๊ฒ. ๋ค๋ง ์ฐ์ต์ด ๋ ํ์ํ๋ค. ๋ค์ด๋ฒ์ ์ฃผ๋ฌธํ์ด์ง๋ฅผ ํด๋ก ์ฝ๋ฉ ํด๋ณด๋ฉฐ Sass๋ฅผ ์ ํด๋ณด๊ณ ์๋ค. Sass๋ก css๋ฅผ ๋ง๋ค์ด ๋๊ฐ๋ ๊ณผ์ ์์ ์ปดํฌ๋ํธ๋ฅผ ์ชผ๊ฐ๋ณธ๋ค๊ฑฐ๋, flex์ ์ข ๋ ์ต์ํด ์ง๊ณ ์๋ค. JS ๋ฐฐ์ด์ ๋ค์ํ ๋ฉ์๋๋ฅผ ์จ๋ณด๊ณ ์๋ค. ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ๋ฅผ ์กฐ๊ธ์ฉ ์ฝ๊ณ ์๋ค. ํ์ฌ๋ ํจ์ ์ฑํฐ. ์๋ฃ๊ตฌ์กฐ/์๊ณ ๋ฆฌ์ฆ ์๊ณ ๋ฆฌ์ฆ์ ๋ณต์ก๋์ ๋ํด ๋ฐฐ์ ๋ค. ๊ธฐ์ด์ ์ธ ๋ฌธ์ ๋ค์ ์กฐ๊ธ์ฉ ํ์ด๋๊ฐ๊ณ ์๋ค. ๋๋์ ์๊ณ ๋ฆฌ์ฆ์ ์์ํ์ง๋ง ์๊ฐ๋ณด๋ค ์ด๋ ต๋ค. ๊ณต๋ถ์๊ฐ์ 6์๊ฐ ๋ด์ธ์ธ๋ฐ ์ข ๋ ๋๋ฆด ์ ์๋๋ก ํด๋ด์ผ๊ฒ ๋ค. ๊ธ์ ์ฐ๋ ๊ฒ์ด๋ , ์ฝ๋ฉ์ ํ๋ ๋ด ๋ฐฉ์๋๋ก ํด๊ฐ๋ ..
Comment