๐ฎ ์ค๋ ํ ์ผ
- ํ์ด๋ ํ๋ก์ ํธ ๊ฐ๋ฐ ์์ : ๊ธฐ๋ฅ ๋ถ๋ด ๋ฐ ๋์์ธ ๊ด๋ จ ํ์, ๊ฐ๋ฐํ๊ฒฝ(ํ๋ก์ ํธ ์์ฑ, ํ์
๊ด๋ จ ๋ฑ) ์ค์ , ๊ฐ์ธ์์
์์
- Spring boot ๊ธฐ๋ฐ์ MVC ๊ฐ๋ฐ ๋ฐฉ์์ผ๋ก ์์ ์์ฝ ์ฌ์ดํธ๋ฅผ ๊ตฌํํ๊ธฐ๋ก ํ๋ค.
- ๋๋ ์์ ๊ฒ์, ์กฐํ ๋ถ๋ถ์ ๋งก์๊ณ ๋ค์ค ์กฐ๊ฑด ๊ฒ์ ๊ธฐ๋ฅ์ ๊ฐ์ฅ ์ง์คํ๋ ค๊ณ ํ๋ค.
- ์กฐ์ฅ๋์ด ๋ง๋ ์๊ฒฉ ๋ ํฌ์งํ ๋ฆฌ๋ฅผ ํด๋ก ํ์ฌ ํ๋ก์ ํธ ์์ฑ ํ, ๋ธ๋์น ํ
์คํธ๋ฅผ ํจ. ๊น ํด๋ก ๊ธฐ๋ฅ์ ์ฒ์ ์จ๋ณด์๋ค.
- ๋ถํธ์คํธ๋ฉ ํ
๋ง ์ปฌ๋ฌ๋ฅผ ์ผ๊ด์ ์ผ๋ก ๋ฐ๊ฟ์ ๋์์ธ ํต์ผ์ ์ฝ๊ฒ ํ๋ฉด ์ข๊ฒ ์ด์, ์ด์ ๋ฐค ๋ฐฉ๋ฒ์ ์ฐพ์๋ณด๋ค๊ฐ scss๋ฅผ ์ง์ ์์ ํ๋ ๊ฒ ํ๋ฉด๋์์ธ๋ณด๋ค๋ ์์
์์ ๋ฐฐ์ด ๋ฐฑ์๋ ๊ธฐ์ ๊ตฌํ์ ์ง์คํ๋ ์ฐ๋ฆฌ์๊ฒ ๋๋ฌด ๋ณต์กํ ์ผ์ ์๋๊น ๊ณ ๋ฏผ์ด์๋ค. ๊ทธ๋ฐ๋ฐ ๊ฐ์ฌ๋๊ป์ bootswatch์ฒ๋ผ ์ด๋ฏธ ๋ถํธ์คํธ๋ฉ ์ค์ ์ ํ
๋ง์ ๋ง๊ฒ ์์ ํ css๋ฅผ ์ ๊ณตํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ด ์๋ค๋ ๊ฑธ ์๋ ค์ฃผ์
์ ์ด๊ฒ์ ์ฌ์ฉํ๊ธฐ๋ก ํ๋ค.
๋ ๋ถํธ์คํธ๋ฉ์ด ์๋์ด๋ ๋ ๊ฐ์ css ์ด๊ธ์..๊ฐ ์ฌ์ฉํ ์ ์๋ ๋ค๋ฅธ UI ํ๋ ์์ํฌ๋ค๋ ์๋ค๋ ๊ฑธ ์๊ฒ ๋์๋ค.
- ํ์ด๋ ํ๋ก์ ํธ ๊ฐ์ธ ์์
:
- ์์ ๊ฒ์ ๋ฆฌ์คํธ ํ์ด์ง ํ๋ฉด ๊ตฌํ๋ถํฐ ์์.
- ์ฌ์ ํ ์ ๋
CSS ์์
์ ์ด๋ ค์์ ๋ง์ด ๋๋๋ค. ๋ฐฑ์๋ ๊ฐ๋ฐ์๊ฐ ๋๋ ค๊ณ ํ๊ธฐ ๋๋ฌธ์ CSS๋ ๊ทผ๋ณธ๋ถํฐ ์ ํ์ ์๋ค๊ณ ์๊ฐํ๊ณ ์ฐ๋ฉด ์จ์ง๋๋๋ก ์์ธํ ๊ณต๋ถํ์ง ์์๋๋ฐ ๊ทธ ๋๋ฌธ์ธ๊ฐ.. flex๊ฐ ์ด๋ค ์๋ฆฌ์ด๊ณ fluid๊ฐ ๋ญ๊ณ ์ด๋ฐ ๊ฑธ ์ ํํ ๋ชจ๋ฅด๋๊น ๋ถํธ์คํธ๋ฉ์ ์ฐ๋ฉด์๋ ์ฝ์ง ์๋ค. ๊ทธ๋๋ ์์ง๊น์ง๋ ํผ์์ ํ ์คํ์ผ๋ก ์ด๊ฒ์ ๊ฒ ํด๋ด์ผ ํ ์ผ์ด ๋ง์ํ
๋ ์ ์๋ ๊ฒ ์ข๊ฒ ์ง..
- ๊ธฐ์ ๋ฉด์ ์๋ฐ ๊ด๋ จ 2๋ฌธ์ ๋ต๋ณ. ์๊ณ ์๋ค๊ณ ์๊ฐํ๋ ๊ฒ๋ ์ ํํ ์ ์ผ๋ ค๊ณ ํ๋ฉด ์ฝ๊ฒ ์จ์ง์ง ์๋๋ค. ๊ทธ๋๋ ๋งค์ผ, ๋ ๊ฐ๋ฅํ๋ฉด ๋ ๋ง์ด ๋ตํด๋ดค์ผ๋ฉด ์ข๊ฒ ๋ค.
- ํ์ ์ด๋ ฅ์ ํผ๋๋ฐฑ ๋ฐ์ํด์ ์์
๐ฅ ๋ด์ผ ํ ์ผ
- ํ์ด๋ ํ๋ก์ ํธ ๊ฐ์ธ ์์
: ํ๋ฉด ๊ตฌํ ๋ง์ ํ๊ธฐ .. ์ฝ์ง ํ์ง ๋ง๊ธฐ , ๋์์ธ ํต์ผ ๊ด๋ จ ๋
ผ์ํ ๋ถ๋ถ ์์ผ๋ฉด ๋ฌผ์ด๋ณด๊ธฐ
์ฌ์ด ๋ถ๋ถ๋ถํฐ ์ ์ฒด์ ์ผ๋ก ๋จผ์ ๊ตฌํํ๊ธฐ
๋ฐ์ดํฐ ํฌ๋กค๋ง ํ์์ฌํญ ์ฌ๊ฒํ
- ๊ธฐ์ ๋ฉด์ ๋ต๋ณ
- ๊ฐ์ธ ์์
์ธ๋ถ ์ผ์ ๊ณํ