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

๐Ÿ“š/etc.

(2)
ํ”„๋ก ํŠธ์—”๋“œ(Front-End) vs ๋ฐฑ์—”๋“œ(Back-End) ์ฐจ์ด์  ๐Ÿ”— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž (Front-End Developer) - ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด๋Š” ํ™”๋ฉด์„ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค. - ์ฃผ๋กœ ๋ ˆ์ด์•„์›ƒ, ํ…์ŠคํŠธ, ์ปฌ๋Ÿฌ, ๊ทธ๋ฆผ ๋“ฑ์˜ UI๋ฅผ ํฌํ•จํ•œ ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ , ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. - HTML, CSS, JavaScript ๋“ฑ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ”— ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž (Back-End Developer) - ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด์ง€ ๋ชปํ•˜๋Š” ๋ฐ์ดํ„ฐ, ์„œ๋ฒ„ ๋“ฑ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค. - ์ฃผ๋กœ DB(๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค)์— ๋ฐ์ดํ„ฐ๋ฅผ ์ ์žฌ·๊ด€๋ฆฌํ•˜๊ณ , ๊ทธ ๋ฐ์ดํ„ฐ๋“ค์„ ํ†ตํ•ด์„œ ํ™œ์šฉ๊ฐ€๋Šฅํ•œ API๋ฅผ ๋งŒ๋“œ๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. - Java, PHP, Python, Go, Kotlin ๋“ฑ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ”— ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž (Full-Stack Developer) - ํ’€์Šคํƒ ๊ฐœ..
HTML / CSS / JavaScript ์˜ ์—ญํ•  ๋ฐ ์ฐจ์ด์  ๐Ÿ”— HTML (Hypertext Markup Language) - ์›น ๋ฌธ์„œ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ๋ณธ์ ์ธ ์›น ์–ธ์–ด - ์›น์˜ ๋ผˆ๋Œ€, ๊ตฌ์กฐ๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ์—ญํ•  ๐Ÿ”— CSS (Cascading Style Sheets) - ์›น ๋ฌธ์„œ์˜ ์ „๋ฐ˜์ ์ธ ์Šคํƒ€์ผ์„ ๋ฏธ๋ฆฌ ์ €์žฅํ•ด ๋‘” ์Šคํƒ€์ผ์‹œํŠธ - HTML์— ์‚ด๊ณผ ์˜ท์„ ์ž…ํ˜€ ์›น์„ ๊พธ๋ฉฐ์ฃผ๋Š” ์—ญํ•  (์ƒ‰๊น”, ๊ธ€์”จ์ฒด ๋“ฑ ๋””์ž์ธ ์š”์†Œ) ๐Ÿ”— JavaScript - ์›น ๋ฌธ์„œ์˜ ๋™์ž‘์„ ๋‹ด๋‹นํ•˜๋Š” ํฌ๋กœ์Šค ํ”Œ๋žซํผ(cross platform), ๊ฐ์ฒด์ง€ํ–ฅ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด - ์›น์˜ ๋™์ (์‹œ๊ฐ์  ๋ณ€ํ™”) ๋ฐ˜์‘์„ ์ฒ˜๋ฆฌํ•˜๋Š” ์—ญํ•  ๋” ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์šฐ๋ฆฌ '๋ชธ'์„ ์˜ˆ๋ฅผ ๋“ค์–ด ์„ค๋ช…ํ•ด ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค! HTML์€ ๋ชธ์˜ ๋ผˆ CSS๋Š” ๋ผˆ๋ฅผ ๊ฐ์‹ธ๋Š” ์‚ด๊ณผ ์˜ท JavaScript๋Š” ๋ชธ์„ ์›€์ง์ด๋Š” ๋™์  ๋ฐ˜์‘ ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๊ฒ ๋„ค..