๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ“ฐ CS ์ค€๋น„/์ผ๋ฐ˜

(2)
์ผ๋ฐ˜์ ์ธ ์งˆ๋ฌธ ์–ด์ œ/์ด๋ฒˆ ์ฃผ์— ๋ฌด์—‡์„ ๊ณต๋ถ€ํ•˜์…จ๋‚˜์š”? ์ฝ”๋”ฉ์„ ํ•  ๋•Œ ๋‹น์‹ ์„ ๋“ค๋œจ๊ฒŒ ํ•˜๊ฑฐ๋‚˜ ํฅ๋ฏธ๋ฅผ ๋„๋Š” ๊ฒƒ๋“ค์€ ๋ฌด์—‡์€ ๊ฐ€์š”? ์ตœ๊ทผ์— ๋‹น์‹ ์ด ๊ฒฝํ—˜ํ•œ ๊ธฐ์ˆ ์ ์ธ ๋ฌธ์ œ๋Š” ๋ฌด์—‡์ด๊ณ  ๊ทธ๊ฒƒ์„ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋‚˜์š”? ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ๋•Œ ๊ณ ๋ คํ•ด์•ผ ํ•  UI, Security, Performance, SEO, Maintainability์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. ์„ ํ˜ธํ•˜๋Š” ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์— ๋Œ€ํ•ด ์ž์œ ๋กญ๊ฒŒ ์ด์•ผ๊ธฐํ•ด ์ฃผ์„ธ์š”. ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์€ ์–ด๋–ค ๊ฒƒ๋“ค์„ ์‚ฌ์šฉํ•ด๋ณด์…จ์Šต๋‹ˆ๊นŒ? ๋‹น์‹ ์ด ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ๋•Œ์˜ ๊ณผ์ •์„ ์„ค๋ช…ํ•ด์ฃผ์‹ค ์ˆ˜ ์žˆ์„๊นŒ์š”? ๋‹น์‹ ์—๊ฒŒ 5๊ฐ€์ง€ ๋‹ค๋ฅธ stylesheet๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ๋ฐฉ๋ฒ•์œผ๋กœ ์‚ฌ์ดํŠธ์— ์ œ๊ณตํ•˜๋Š” ๊ฒŒ ๊ฐ€์žฅ ํšจ๊ณผ์ ์ผ๊นŒ์š”? ์ ์ง„์  ํ–ฅ์ƒ๋ฒ•(progressive enhancement)๊ณผ ์šฐ์•„ํ•œ ์„ฑ๋Šฅ์ €ํ•˜๋ฒ•(graceful d..
OOP (๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ) OOP(Object Oriented Programming, ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ), ํŠน์ง• ๋ถ€ํ’ˆ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๊ณ  ์ด๊ฒƒ๋“ค์€ ํ•˜๋‚˜์”ฉ ์กฐ๋ฆฝํ•ด์„œ ์™„์„ฑ๋œ ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“œ๋Š” ๊ธฐ๋ฒ•์ž…๋‹ˆ๋‹ค. ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ์žฌ์‚ฌ์šฉ์„ฑ๊ณผ ๋ณ€ํ˜•๊ฐ€๋Šฅ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1. ์ƒ์† : ํด๋ž˜์Šค๊ฐœ๋…์—์„œ ์ƒ์œ„ ํด๋ž˜์Šค(๋ถ€๋ชจ)๋กœ ๋ถ€ํ„ฐ ํ•˜์œ„ ํด๋ž˜์Šค(์ž์‹)์ด ์œ ์‚ฐ์„ ๋ฌผ๋ ค๋ฐ›๋Š”๊ฒƒ๊ณผ ๊ฐ™์ด, ๋ถ€๋ชจ์˜ ๋ฉ”์†Œ๋“œ๋‚˜ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ๋งํ•จ. 2. ๋‹คํ˜•์„ฑ : ๊ฐ™์€ ํ•จ์ˆ˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์น ๋Œ€ ๊ทธ ํ•จ์ˆ˜๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ์—ญํ• ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. 3. ์บก์Šํ™” : ๋ณดํ†ต ๋ฐ์ดํ„ฐ๋ฅผ ์€๋‹‰์‹œํ‚จ๋‹ค๊ณ  ํ‘œํ˜„ํ•˜๋Š”๋ฐ, ์™ธ๋ถ€์—์„œ ์‰ฝ๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ์ ‘๊ทผํ•  ์ˆ˜ ์—†๊ฒŒ ๋งŒ๋“ค๊ธฐ๋„ํ•˜๊ณ , ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ์™€ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•๋“ค์„ ํ•œ๋ฐ๋‹ค ๋ฌถ๋Š”๊ฒƒ. 4. ์ถ”์ƒํ™” : ๊ณตํ†ต์ ์ธ ์†์„ฑ์ด๋‚˜ ๊ธฐ๋Šฅ์„ ๋ฌถ์–ด์„œ..