๐ฐ CS ์ค๋น/์ผ๋ฐ (2) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ์ผ๋ฐ์ ์ธ ์ง๋ฌธ ์ด์ /์ด๋ฒ ์ฃผ์ ๋ฌด์์ ๊ณต๋ถํ์ จ๋์? ์ฝ๋ฉ์ ํ ๋ ๋น์ ์ ๋ค๋จ๊ฒ ํ๊ฑฐ๋ ํฅ๋ฏธ๋ฅผ ๋๋ ๊ฒ๋ค์ ๋ฌด์์ ๊ฐ์? ์ต๊ทผ์ ๋น์ ์ด ๊ฒฝํํ ๊ธฐ์ ์ ์ธ ๋ฌธ์ ๋ ๋ฌด์์ด๊ณ ๊ทธ๊ฒ์ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์? ์น ์ ํ๋ฆฌ์ผ์ด์ ์ด๋ ์ฌ์ดํธ๋ฅผ ๋ง๋ค ๋ ๊ณ ๋ คํด์ผ ํ UI, Security, Performance, SEO, Maintainability์ ๋ํด์ ์ค๋ช ํด์ฃผ์ธ์. ์ ํธํ๋ ๊ฐ๋ฐ ํ๊ฒฝ์ ๋ํด ์์ ๋กญ๊ฒ ์ด์ผ๊ธฐํด ์ฃผ์ธ์. ๋ฒ์ ๊ด๋ฆฌ ์์คํ ์ ์ด๋ค ๊ฒ๋ค์ ์ฌ์ฉํด๋ณด์ จ์ต๋๊น? ๋น์ ์ด ์น ํ์ด์ง๋ฅผ ๋ง๋ค ๋์ ๊ณผ์ ์ ์ค๋ช ํด์ฃผ์ค ์ ์์๊น์? ๋น์ ์๊ฒ 5๊ฐ์ง ๋ค๋ฅธ stylesheet๊ฐ ์์ต๋๋ค. ์ด๋ค ๋ฐฉ๋ฒ์ผ๋ก ์ฌ์ดํธ์ ์ ๊ณตํ๋ ๊ฒ ๊ฐ์ฅ ํจ๊ณผ์ ์ผ๊น์? ์ ์ง์ ํฅ์๋ฒ(progressive enhancement)๊ณผ ์ฐ์ํ ์ฑ๋ฅ์ ํ๋ฒ(graceful d.. OOP (๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ) OOP(Object Oriented Programming, ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ), ํน์ง ๋ถํ๊ฐ์ฒด๋ฅผ ๋ง๋ค๊ณ ์ด๊ฒ๋ค์ ํ๋์ฉ ์กฐ๋ฆฝํด์ ์์ฑ๋ ํ๋ก๊ทธ๋จ์ ๋ง๋๋ ๊ธฐ๋ฒ์ ๋๋ค. ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ผ๋ก ์ฝ๋๋ฅผ ์์ฑํ๋ฉด ์ฌ์ฌ์ฉ์ฑ๊ณผ ๋ณํ๊ฐ๋ฅ์ฑ์ ๋์ผ ์ ์์ต๋๋ค. 1. ์์ : ํด๋์ค๊ฐ๋ ์์ ์์ ํด๋์ค(๋ถ๋ชจ)๋ก ๋ถํฐ ํ์ ํด๋์ค(์์)์ด ์ ์ฐ์ ๋ฌผ๋ ค๋ฐ๋๊ฒ๊ณผ ๊ฐ์ด, ๋ถ๋ชจ์ ๋ฉ์๋๋ ๋ณ์๋ฅผ ์ฌ์ฉํ ์ ์๋ ๊ฒ์ ๋งํจ. 2. ๋คํ์ฑ : ๊ฐ์ ํจ์๊ฐ ์๋ค๊ณ ์น ๋ ๊ทธ ํจ์๊ฐ ๋งค๊ฐ๋ณ์์ ๋ฐ๋ผ ๋ค๋ฅธ ์ญํ ์ ํ ์ ์๋ค. 3. ์บก์ํ : ๋ณดํต ๋ฐ์ดํฐ๋ฅผ ์๋์ํจ๋ค๊ณ ํํํ๋๋ฐ, ์ธ๋ถ์์ ์ฝ๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ ๊ทผํ ์ ์๊ฒ ๋ง๋ค๊ธฐ๋ํ๊ณ , ๋ฐ์ดํฐ ๊ตฌ์กฐ์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๋ ๋ฐฉ๋ฒ๋ค์ ํ๋ฐ๋ค ๋ฌถ๋๊ฒ. 4. ์ถ์ํ : ๊ณตํต์ ์ธ ์์ฑ์ด๋ ๊ธฐ๋ฅ์ ๋ฌถ์ด์.. ์ด์ 1 ๋ค์