Front6 2021.12.23์ ๊ธฐ๋ก - ์ค๋์ ์์ฒด ํ๊ฐ ๋ฐ ๋๋ ์ - -> ์๋ฒฝ์๋ JS ๊ฐ์๋ฅผ ๋ ์๊ฐํ๋ค. ์ด๋ฒคํธ ์ฒ๋ฆฌ ์ ๊น์ง ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ๋ณต์ฌ, ์ถ๊ฐ, ์ญ์ ๋ฅผ ์ด์ฉํด ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์์ฑํ๋ค. ์์ง์ ๋ฐ๋๋ผ JS ์์ฒด ๊ฐ๋ ์ด ๋ฏ์ค์ง๋ง ๊ณ์ ๋ณด๊ณ ์ฐ๋ค๋ณด๋ฉด ์ต์ํด์ง๋ฏ ์ถ๋ค. ์ด์ ๊ฐ๋ ์ ๋ค์ ํ๋ฒ ์ฒ์๋ถํฐ ์ ๋ฆฌํด์ ์ดํดํ๋๋ฐ ํ์คํ ๋ ๋์์ง ๊ธฐ๋ถ์ด์๋ค. ์๋ฒฝํด์ง ๋๊น์ง ๋ฐ๋ณต ใฑใฑ. -> ์ด์ 1์๊ฐ ์ ๋ ๋ ์ผ์ฐ ์ค๋ค. ๋๋ฌด ํผ๊ณคํ๋๋ผ.. 3์ผ๋ด๋ด 2์ ๋์ด์ ์๋๊น ํผ๋ก๊ฐ ๋์ ๋์๋ ๋ณด๋ค. ์ง๊ฐ๋ฉด์ ์คํฐ๋์ ํ์ด ๋งํ๊ธธ ๋์ด ๋ง์ด ์ถฉํ๋์๋ค๊ณ ํ๊ธธ๋ ๊ทธ๋ ํผ๋ก๊ฐ์ด ํ ๋๊ปด์ก๋ค. ๋ฌด๋ฆฌํ๋ฉด์ ์๊ฐ์ ๋ฒ๋ฆฌ์ง๋ง๊ณ ์์ผ๋ก๋ ํ๋ฆฌํฐ ๊น์ ์๋ฒฝ๊ณต๋ถ๋ฅผ ์งง๊ฒ ํด์ผ๊ฒ ๋ค๋ ์๊ฐ์ ํ๋ค. ์์นจ์ ์ผ์ด๋๋ ์์ฃผ ํผ๊ณคํ๋ค. ์ด์ฐ๋๊ฒ ๋ ๋ง์ด ์๋๊น.. 2021. 12. 23. 2021.12.22์ ๊ธฐ๋ก - ์ค๋์ ์์ฒด ํ๊ฐ ๋ฐ ๋๋์ - -> ์๋ฒฝ์๋ JS ๊ฐ์๋ฅผ ๋ ์๊ฐํ๋ ค๋ค ์ด๋ก ์ด ์์ง ๋ฏธํกํ ๊ฒ ๊ฐ์ ๋ธ๋ก๊ทธ๋ค์ ์น์ ํ ๊ฐ๋ ์ ๋ฆฌ๋ฅผ ๋ณด๋ฉด์ ํ๋ฃจ๋ฅผ ๋ง์ณค๋ค. ์ง๋ ๋๊ฐ๊ธฐ์ ๊ธ๊ธํ์ง ๋ง์. ์ค๋์ CSS๋ฅผ ์ง์ง ๋ง์น๋ ๋ . ์ด์ ๋ 2์์ ์ทจ์นจ์ ํด์ ์ ๋ง ํผ๊ณคํ์ง๋ง ํด๋ณด์ ์๋๋ผ๋. ์์นจ์ ์ผ์ด๋๋ ์๊ฐ ์๊ฐํ๋ค. (์ผ์ด๋๊ธฐ ์ซ๋ค.) ํด์ผ์ง ์ด์ฌ ์ก์์ผ์ง. CSS์ ์์ฑ์ ์๊ฐ๋ณด๋ค ์์ฒญ ๋ง๋ค. ์ค์ํ(๋ง์ด ์ฐ์ด๋ ๊ฒ)๊ฒ๋ง ๋ค์ ๋ณด๊ณ ๋์ค์ ํ์ ์ ๊ฒ์ ํ ์ฌ์ฉํ์. ๋๋ฌด ๋ง์ ์ ๋ณด๊ฐ ํ๊บผ๋ฒ์ ๋ฐ๋ ค ๋ค์ด์ค๋ ์ง์ค์ด ์ ๋์๋ค.. ์คํฐ๋ ๋๋ ์ผํ๋ชฐ ์ธ๋ฏธ ํ๋ก์ ํธ ์ฝ๋๋ฅผ ๋ถ์ํ๋ค. ๋์ถฉ ํ๋ง ๋ณด์๊ณ , ๊ฐ ํ์ด์ง๋ณ ๊ธฐ๋ฅ์ด ์๋นํ ๋ง๋ง์น ์๋ค๋ ๊ฒ์ ๋๊ผ๋ค. ๋์ค์ ์ ๋ง๋ค์ด ์ ์์์ง ํ์ ์ด ์์ง ์์์ง๋ง .. 2021. 12. 22. 2021.12.21์ ๊ธฐ๋ก - ์ค๋์ ์์ฒด ํ๊ฐ ๋ฐ ๋๋์ - -> ์ค๋์ CSS๋ฅผ ๋ง์น๊ณ ์ด์ฉ๋ฉด JS๋ฅผ ๋ฐฐ์ฐ๋ ๋ . ์์นจ๋ถํฐ ํผ๊ณคํ๋ค. ํ ๊ฑด ํด์ผ์ง ๊ทธ๋๋. -> ์ฑ ์์ ๋ํ ๊ณ ์ฐฐ. ๊ฒฐ๋ก : ๋ ์ฑ๊ธฐ๊ธฐ ๋ฐ์๋ค. ๋ด๋ดํ๊ณ ๋ด๋ฐฑํ ์ํต์ด ํ์. ์ธ๋ฏธ ํ๋ก์ ํธ์ฉ ์ผํ๋ชฐ ์ฌ์ดํธ๋ HDEX ์ง์จ์ด ์ผํ๋ชฐ ๊ฐ์ ๊ณณ? ๋ฐ์ํ ์ญ๋์ ์ธ๊ฒ ์ข์ ๋ฏ ์ถ๋ค. (์นดํ ๊ณ ๋ฆฌ ๋ฉ๋ด์ ๋ค์ด๊ฐ ๊ฒ ์ ํ๊ธฐ) -> CSS ๊ฐ์๋ ํญํ ์ง๋์๋ค.. ํต์ฌ์ ์ธ ๋ถ๋ถ๋ง(๋ง์ด ์ฐ์ด๋ ์์ฑ) ์๊ณ ๋ค ์ธ์ฐ๋ ค๊ณ ํ์ง ๋ง์. ์ด์ ๋ฐค์ ๊น๋ฐฐ์ฌ๋ฅผ ์ด์ฉํ์ฌ ์ ๋ก๋ ํ ํ์ผ์ ์ปค๋ฐ๊ณผ ํธ์ ์ฐ์ต์ ์ข ํ๊ณ ๊ฐ๋๋ ๋คํํ ๋ฌดํํ๊ฒ ์งํ๋์๋ค. ๋ฆฌ๋ ์ค ๋ช ๋ น์ด์์ shift; + qr! ๋ฉ๋ชจ. ๊นํ์ ์ ๊ฒฝ์ฐ ๋ด๊ฐ ํ์ฅ ์ ์ฅ์๋ฅผ ๋งก๊ณ ์คํฐ๋์๋ค์ด ํด๋ก ๊ณผ ์ปค๋ฐ ํ ํธ์ฌ๊น์ง ์ฑ๊ณต์ ์ผ๋ก ์งํ๋.. 2021. 12. 21. 2021.12.18~12.19์ ๊ธฐ๋ก - ์ค๋์ ์์ฒด ํ๊ฐ ๋ฐ ๋๋์ - ๋ด๊ฐ ์ฃผ๋ง์ ๋ณด๋ด๋ ๋ฐฉ์์ ์คํฐ๋๊ฐ ์๊ธฐ ๋๋ฌธ์ ํผ์์ ๋ถ์กฑํ ๋ถ๋ถ์ ๋ฐ๋ก ๊ณต๋ถํ๊ฑฐ๋ ์์ต์ ํ๋ ํธ์ด๋ค.์ด๋ฒ ์ฃผ๋ง์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊น์ ๊ณต๋ถํ๊ธฐ๋ก ๊ณํํ์๊ณ , ๋ชฉํํ๋งํผ ๋ง์ด ๋ฃ์ง ์์์ง๋ง ์ด๋์ ๋ DOM์ ์ดํด๋ฅผ ํ๋ฉฐ ์ฃผ๋ง์ ๋ง์ณค๋ค. ๋ค์์ฃผ๋ ๋ ์ด์ฌํ ์ด์. ์ฃผ๋ง ๊ฐ ์ ๋ฒ์ฃผ ๊ธ์์ผ ์คํฐ๋ ๋์ ๋ง์ ๋ ์ฌ๋ ค ๋ณด์๋ค. ์์ ์คํฐ๋์๋ค ์ฌ์ด์๋ ์ธ๋ฏธ๋ ํ์ด๋ ํ๋ก์ ํธ ์๊ธฐ๊ฐ ์์ฃผ ๋์จ๋ค. ์๋ฌด๋๋ ๊ณผ์ ์ค ์ ์ผ ์ค์ํ ํ์ ํ๋ก์ ํธ์ด๊ธฐ๋ ํ๊ณ 1๋ฌ๋ง ์ง๋๋ฉด ๋ฐ๋ก ์์ํ๊ธฐ ๋๋ฌธ์ธ ๊ฒ ๊ฐ๋ค. ๋ฐธ๋ฐ์คํจ์น๋ฅผ ๋ง์น ๋ค ํ์ ์กฐ๋ฅผ ์์์ผ์ ๋ฐํํ๋ค. ๋๊ตฌ์ ํ์ด ๋ ์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ ์ด๋ ์ค๋ ฅ๋ ์ค๋ ฅ์ด์ง๋ง ์๋ก ๊ฐ์ "๋ถํต" ์ด ์๋ "์ํต"์ด ๋์์ผ๋ฉด ์ข๊ฒ ๋ค. ์ ์ ํ ํ์ฅ๊ธ์ด ์.. 2021. 12. 19. 2021.12.17์ ๊ธฐ๋ก ์ค๋ ๋ฐฐ์ด ๋ด์ฉ - ๊ฐ์ข HTML ํ๊ทธ๋ค ์์ ๋ด์ฉ HTML HTML(Hyper Text Markup Langage) : ์น๋ฌธ์ ๊ตฌ์กฐ์ ์ผ๋ก ํํํ๊ธฐ ์ํ ์ธ์ด=> ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ค๋ชจ๋ธ๋ก ํํ - DOM(Document Object Model) => ๋ธ๋ผ์ฐ์ ์์ง์ ์ํด ํด์๋์ด ์ถ๋ ฅ - CSL(Client Script Language) : HTML, CSS, JavaScript ๋ฑ ํ๊ทธ์ ์ดํด ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ HTML ๋ฌธ์ ์์ฑ - ํ๊ทธ๋ ๋์๋ฌธ์ ๋ฏธ๊ตฌ๋ถ ์์ํ๊ทธ์ ์ข ๋ฃํ๊ทธ๊ฐ ํ๋์ ์ง์ผ๋ก ๊ตฌ์ฑ - ๋ ๋ฆฝํ๊ทธ ์กด์ฌ ํ๊ทธ๋ ๊ณ์ธต์ ๊ตฌ์กฐ๋ก ํํ - ์์ํ๊ทธ์ ํ์ํ๊ทธ ์กด์ฌ : DOM Tree ์์ํ๊ทธ์ ์ข ๋ฃํ๊ทธ ์ฌ์ด์ ํ์ํ๊ทธ ๋๋ ํ๊ทธ๋ด์ฉ ํํ ์์ํ๊ทธ์๋ ์์ฑ๊ณผ ์์ฑ๊ฐ์ ์ฌ์ฉํ์ฌ ํ๊ทธ๋ฅผ ๋ค์ํ ํํ๋ก .. 2021. 12. 17. 2021.12.16์ ๊ธฐ๋ก ์ค๋ ๋ฐฐ์ด ๋ด์ฉ - HTTP ํ๋กํ ์ฝ - ์ธํฐ๋ท๊ณผ ์น ํ๋ก๊ทธ๋๋ฐ - HTML ๊ธฐ๋ณธ ๋ฌธ๋ฒ ์คํฐ๋ ๋ด์ฉ DOM ๊ด๋ จ ์ง์๊ณผ HTML ํ๊ทธ์ ๋ฌธ๋ฒ์ ๋ณต์ตํจ ๊น(git) ๊ด๋ จ ๊ณต๋ถ๋ฅผ ๊ณํํ๋ฉฐ ์ ํ๋ธ ์์ ๋ฐ ๋ธ๋ก๊ทธ ์ฐธ์กฐ ํ or ์ ๋ ๋จ์ jsp/servlet ์ด์ฉํ ํ๋ก์ ํธ๋ฅผ ๊ณํํจ ์ค๋์ ํ์ค ํ ์ค๋์ ์ ๋ฐ์ ์ธ HTTP ๋์๋ฐฉ์๊ณผ HTML์ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ๋ฐฐ์ ๋ค. ์น ๋์๋ฐฉ์์ ๋งค์ฐ ์ค์ํ๊ณ ์ถํ ๋์ฌ Get, Post ๋ฐฉ์์ ๋ํด ์ค์ํ ์ฌํญ์ด๋ค. HTML ๋ฌธ๋ฒ์ ๊ฒฝ์ฐ ์ฌ๋ฌ ํ๊ทธ์ ์ด๋ฏธ์ง ์ฝ์ ๊ณผ ์ ๋, ์๋ ๊ฒฝ์ฐ์ ๋ํด์ ๋ฐฐ์ ๋ค. ๋ ๊ฐ์ ์ฃผ์ ๋ชจ๋ ์ดํดํ๋๋ฐ ์ด๋ ต์ง ์์๋ค. ์ฒซ ์คํฐ๋ ๊ธฐ๋ก์ ์ ์ด๋ณด๋ฉฐ ๋ ๋๋์ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ๋๋๊ณผ ๊ธ ์์ฑ๋ฐฉ์์ด ์ต์์น ์์ ์์ง์ ์ด์ํ๋ค๋ ๊ฒ์ด๋ค. ํ๋ คํ ๋ธ๋ก๊ทธ์ฒ๋ผ ๊พธ๋ฏธ.. 2021. 12. 17. ์ด์ 1 ๋ค์ ๋ฐ์ํ