์ด ๋ ์ ๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ ์ ๋ฐฐ ๋ ๋ถ์ด ์ค์
์ ์ค์ ํน๊ฐ์, ๋
ธ์
์ ์๋ถ์ง๋ผ ๋ถ๋ฆฌ๋ ํด๋ด๋๊ป์ ์คํ ํน๊ฐ์ ์งํํด์ฃผ์
จ๋ค.
๋จผ์ ์ ๋ฐฐ ํ๋ถ์ ํผ๋ธ๋ฆฌ์
/๋์์ด๋ ์
๋ฌด ๊ฒฝํ์ด ๊ฝค ์์ผ์
จ๋๋ถ์ผ๋ก, ์ด์ ๋ ์์ ๋๋ฐ์, ๊ฐ์์ด๋๋ผ๊ณ ๋ถ๋ฆฌ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ๋์ ๋ถ์ด์
จ๊ณ , ๋ค๋ฅธ ํ ๋ถ์ ๋ฐฑ์๋ ์ชฝ์์ ๊ฒฝ๋ ฅ์ด ์์ผ์
จ๋ ์ ๊ณต์์ง๋ง ํ๋ก ํธ ์ชฝ์ ๋ฉ์ฌ์์ ์ฒ์ ๋ฐฐ์ฐ์
จ๋ค๊ณ ํ์
จ๋ค. 3๊ฐ์ ์ ๊น์ง ๊ฐ์ ๊ต์ก์ ๋ฐ์ ์ ๋ฐฐ๋๋ค์ด๋ผ ๊ทธ๋ฐ์ง ์ ๋ง ๊ณต๊ฐ๋๋ฉด์๋ ์ ์ฉํ ๋ง์์ ๋ง์ด ํด์ฃผ์
์ ๊ธฐ์ต์ ๋จ๋ ์ ์ ๊ธฐ๋กํด๋๊ณ ๊ณ์ ์ง์ผ๋๊ฐ๋ ค๊ณ ํ๋ค.
1. ์ด๋ ฅ์ ๋ฏธ๋ฆฌ ์ฐ๊ธฐ + ๊ด์ฌ ์๋ ํ์ฌ ์
๋ฐ์ดํธ
- ๋ชจ๋ ๋ถ๋ค์ด ๊ฐ์กฐํ์๋ ๊ฒ ๋ณด๋ฉด ์ ๋ง ์ฐ์ ์์๊ฐ ๋์ ์ผ์ธ ๊ฒ ๊ฐ๋ค.. ๋๋ ์์ง ์ธ ํ๋ก์ ํธ๋ ๊ฑฐ์ ์๊ณ ์ค๋น๊ฐ ์ ๋์๋ค๊ณ ์๊ฐํด์ ์คํ๋ฐ๋ถํฐ ์จ์ผ์ง ํ๋๋ฐ ์๊ฐํด๋ณด๋ฉด ๊ทธ๋ ๋ ๋ง์์ ์ฌ์ ๊ฐ ์์ ๊ฒ ๊ฐ๋ค. ๊ฐ์ฌ๋๋ค๊ณผ ์ ๋ฐฐ๋ค๊ป์ ๋ชจ๋ ๋ง์ํ์ ๋๋ก ๋จ์ด์ง๋ ๊ฒ๋ ๊ฒฝํ์ด๋, ๋ฏธ๋ฆฌ ๋ง์ด ๋จ์ด์ ธ๋ณด๊ณ ๊ฐ๊ด์ ์ผ๋ก ๋ด๊ฐ ๋ถ์กฑํ ๋ถ๋ถ์ ํ์
ํ ์ ์๋ ๊ณ๊ธฐ๊ฐ ๋ ๊ฒ์ด๋ผ ์๊ฐํ๋ค. ์ง๊ธ ๊ด์ฌ ์๋ ํ์ฌ๋ค์ด ์ฌ์ฉํ๋ ์คํ, ์ง์ ๊ณผ์ ๋ฑ์ ๋ฏธ๋ฆฌ ๋
ธ์
์ ์กฐ์ฌํด๋๊ณ ํ๋ก์
ํ ์์ ์ด๋ค. (๐ 4.12 ํ์ฌ๋ ๋
ธ์
์ ์ด๋ ฅ์, ํ์ฌ ๋ฆฌ์คํธ ํ์๋ง ๋๋ต์ ์ผ๋ก ๋ง๋ค์ด๋ ์ํ)
2. ํผ๋๋ฐฑ ๋ง์ด ์์ฒญํ๊ธฐ
- ๊น์ด๋ ๊ฑธ ๋๋ ค์ํ์ง ๋ง์........!!!! ๋์ค์ ์ค๋ฌด์ ๋๊ฐ๋ฉด ์ด๋ ๊ฒ ํ๋ํ๋ ์๋ ค์ฃผ๊ณ ํผ๋๋ฐฑ ์ค ์ฌ๋์ด ์์ ๊ฒ์ด๋ผ๋ฉฐ.... ์ง๊ธ ์์ ์๋ ๋ฉํ ๋๋ค, ๊ฐ์ฌ๋๋ค, ๋๊ธฐ ๋น์ง๋๋์๊ฒ ์ง๋ฌธ ๋ง์ด ํ๊ณ ํผ๋๋ฐฑ ๋ง์ด ์์ฒญ๋๋ฆฌ๊ธฐ!
3. html/css ์ ๋ค์ ธ๋๊ธฐ
- ์์
๋ง ๋ค์ผ๋ฉด ์๊ฒ ๋ค๊ฐ๋ ๊ตฌํ ๊ณผ์ ์์ ์ด๊ฒ ๋ญ์ง ์ถ์ ๊ฑธ ๋ฒ์จ ๋๋ผ๊ณ ์๋ค. ์๋ฅผ ๋ค๋ฉด float.. ๋ฉ์ฌ์์ ์ฒ์ ์๊ฒ ๋ ๊ฐ๋
์ธ๋ฐ ์คํ๋ ค ์ฌํ๋๊ป์๋ flex๋ณด๋ค IE์์ ํญ๋๊ฒ ์ง์ํด์ฃผ๋ float ์ฌ์ฉ ๊ฒฝํ์ด ํจ์ฌ ๋ง์ผ์๋ค๊ณ ...... ์ด๋ฐ ํท๊ฐ๋ฆฌ๊ณ ์ด๋ ค์ด ๊ฐ๋
๋ค ๋ฏธ๋ฆฌ ๋ค์ ธ๋๊ธฐ! ์ง๊ธ์ ํ์ผ์ ๋ชป๋ฐ๋ผ๊ฐ ๋ถ๋ถ์ ์ฃผ๋ง์ ๋ณด์ถฉํ๋ ์ค์ด๋ค. ๋ฏธ๋ฆฌ ์ ๋ค์ ธ๋๊ธฐ ๋ฉ๋ชจ.. ๋์ค์๋ ๋ค์ ๋์์ฌ ์๊ฐ์ด ์๋ค ๐...
๋
ธ์
์ ํ์ฌ์์ ์ผํ ๋ ์
๋ฌด์ผ์ง ์ ๋๋ก๋ง ์จ๋ดค๋๋ฐ ์๊ฐ๋ณด๋ค ๊ธฐ๋ฅ์ด ์ -๋ง ๋ง์ ์ถฉ๊ฒฉ์ด์๋ค. ๋ค์ด์ด๋ฆฌ, ์ด๋ ฅ์, ํฌํธํด๋ฆฌ์ค, ๊ธฐ์ฌ/์์ ์คํฌ๋ฉ, ์์
/DB์ฒ๋ผ ๋ฐ์ดํฐ ์ฒ๋ฆฌ ๋ฑ..... ๋ฉ๋ถ์ด ์์ง๋ง ๋์์ ์ ์ธ๊ณ๋ฅผ ๊ฒฝํํ ๋๋์ด์๋ค. ์์ง์ ๊ธฐ๋ณธ์ ์ธ ๊ธฐ๋ฅ๋ฐ์ ๋ชจ๋ฅด์ง๋ง ์กฐ๊ธ ๋ ์ฐ์ตํด๋ณด๊ณ ์ต์ํด์ง๋ค ํน์์๋ ํฌํธํด๋ฆฌ์ค๋ฅผ ๊ผญ ๋ง๋ค์ด๋ณด๊ณ ์ถ๋ค.
๐ฑ ์ค๋ ๋๋ ์
์ค๋๋ ์ด๋ฐ ํน๊ฐ์ ๋ฐฐ์ธ ์ ์์์ ๊ฐ์ฌํ๊ณ ... ๋ฉ๋ฉ....์ ๋ฉ.....๊ทธ๋ฆฌ๊ณ ํ๋์ ์ฎ๊ธฐ๋ ๊ฒ์ ์ค์์ฑ์ ๋ค์ ํ๋ฒ ๊นจ๋ฌ์๋ค. ์ ๋ฐฐ๋๋์ด ํน๊ฐ์ ๋ค์ ๊ทธ ์ฃผ๋ง์ ์ด๋ ฅ์ ์ฐ๋ฉด ๋ฐฑํผ ์ฑ๊ณตํ ๊ฑฐ๋ผ๊ณ ํ์
จ๋๋ฐ .. ์์ง ์์ฑ์ ๋ชปํ์๋๋ค ๐ฅ ์ด๋ฒ์ฃผ๋ง์ ํธ์ค๋๊ป์ ์ด๋ ฅ์ ๊ด๋ จํด ๊ผญ ์ฐธ๊ณ ํ๊ณ ์ ์ถํ๋ผ ํ์ ๊ธ๋ค๊ณผ ์์ ํ์ธํ๊ณ ๋ง๋ฌด๋ฆฌ ํ ์์ ์ด๋ค (๋ฌผ ๋ก ์์ผ๋ก ํํ ํธ๋ฆฌ๊ณ ๋ค์์ ์์ ์ธ ์ด๋ ฅ์์ง๋งจ,,, ) ์์์!!!! ๐๐ป