๐๋ธ๋ก๊ทธ ๋ต๊ธ/์ปค๋ง
โ ๋ต๊ธ
์์ฆ ๋๋ฌด ๋ฐ๋น ์ ๋ชจ๋ ๋๊ธ์ ๋ฐ์ํ๋ ๊ฒ์ด ์ด๋ ค์ธ ๊ฒ ๊ฐ์์. ์์ผ๋ก๋ `๋ด๊ฐ ๊ตฌ๋ ํ๋ ๋ธ๋ก๊ทธ`์ `๋๋ฅผ ๊ตฌ๋ ํ๋ ๋ธ๋ก๊ทธ`์๋ง ๋ต๊ธ์ ๊ฐ ์์ ์ ๋๋ค. 3์ผ์ ํ ๋ฒ, ๊ตฌ๋ ์ ๋ชฉ๋ก์ ๋๋ฌ์ ํ ๋ช ์ฉ ์ํ๋ฐฉ๋ฌธ์ ํ ์์ ์ ๋๋ค.
โ ์ปค๋ง
๋ธ๋ก๊ทธ ์ปค์คํฐ๋ง์ด์ง์ ๊พธ์คํ ํ๊ณ ์๋๋ฐ, ๋ชจ๋ฐ์ผ์์ ์ด์์ ๋ ๋ฐ์ํ ํ์ด์ง์ ๋ช ๊ฐ์ง ๋ฌธ์ ๊ฐ ๋ฐ๊ฒฌ๋จ.
1. ๊ฒ์๋ฌผ ์ธ๋ค์ผ ํค๋์ ์ข์ฐ margin/padding ์ด ์๋ค์ด๊ฐ ๋ฌธ์
์๋ `<div>` ํ๊ทธ๋ก ํค๋ ๊ฐ์ธ์ ํด๊ฒฐ ํด ์ฃผ์์.
<div class="px-4 w-full lg:max-w-screen-lg lg:w-pem lg:px-0 lg:mx-auto"></div>โ
์ข์ฐ ์ฌ๋ฐฑ์ด ์ถ๊ฐ๋์์.
2. ๋ค๋น๊ฒ์ด์ ๋ฐ ์ถ๊ฐ
Chrome ๋ชจ๋ฐ์ผ์์ ๋ด ๋ธ๋ก๊ทธ์ ์ ์ํ๋ฉด ์นดํ ๊ณ ๋ฆฌ(nav bar)๋ `hidden`์์ฑ์ผ๋ก ๊ฐ์ถฐ์ ธ ์๊ธฐ ๋๋ฌธ์ ํ๋กํ ์ฌ์ง์ ํด๋ฆญํด์ผ ๋์จ๋ค. ์กฐ๊ธ ๋ถํธํ ๊ฒ ๊ฐ์์ ๋ฉ์ธ ์์ญ ํค๋๋ถ๋ถ๊ณผ ์ธ๋ค์ผ ํค๋์ ๊ฐ๊ฐ nav๋ฐ๋ฅผ ์ถ๊ฐ ํด ์ฃผ์๋ค.
๋๋กญ๋ค์ด ๋ฉ๋ด๋ ๊ตณ์ด ๋ง๋ค์ง ์์๊ณ ํฐ ์นดํ ๊ณ ๋ฆฌ ์์ฃผ๋ก 5๊ฐ ํญ๋ชฉ๋ง ๋ฃ์
`Home`, `Algorithm`, `Coding`, `ETC.`, `Visitor` ํญ๋ง ๋ฃ์
โก ๋ณด์๊น์น, ๋ฌด๋ง๋ญ์ด, ํ๊น์น ๊ตฌ์
โก ์คํ ๋ธ ์ฒญ์, ๋ฐ์ฐฌํต ์ ์ฒด ์ค๊ฑฐ์ง
โก JSP ํ์๊ฐ์ ์ฒ๋ฆฌํ๋ joinAction.jsp ํฌ์คํ
โก ๋ด์ผ๊น์ง ๋ฉ์ผ๋ก ์ด๋ ฅ์, ์์์, ์ง๋ฌด๊ธฐ์ ์๋ X
โก SQLP ์๊ฒฉ์๊ฑด ์์๋ณด๊ธฐ