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

Frontend Dev/๐Ÿฃ ๊ตญ๋น„ ์›นํผ๋ธ”๋ฆฌ์‹ฑ ํ›„๊ธฐ

๊ตญ๋น„์ง€์› ์›น๋””์ž์ธ, ์›นํผ๋ธ”๋ฆฌ์‹ฑ ์ˆ˜๊ฐ• ์ „ CHECK LIST

๋ฐ˜์‘ํ˜•

 ์ด๋ฒˆ ๊ธ€์€ ๊ตญ๊ฐ€๊ธฐ๊ฐ„·์ „๋žต์‚ฐ์—…์ง์ข…ํ›ˆ๋ จ์œผ๋กœ 8์‹œ๊ฐ„, ์•ฝ 5-6๊ฐœ์›” ๊ฐ€๋Ÿ‰ ์ง„ํ–‰๋˜๋Š” ๊ตญ๋น„์ง€์› ์›น๋””์ž์ธ, ์›นํผ๋ธ”๋ฆฌ์‹ฑ ์ˆ˜์—…์„ ๋“ฃ๊ฒŒ ๋  ๋ถ„๋“ค์ด ์ˆ˜์—… ์ „ ์‚ฌ์ „์— ์ค€๋น„ํ•˜๋ฉด ์ข‹์„ ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค. 

 ์ฐธ๊ณ ๋กœ ์ด๋ฒˆ ๊ธ€ ์—ญ์‹œ ๋‚˜์˜ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ํ•œ ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ์ด๋‹ค. ๋‚˜ ๋˜ํ•œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•œ์ง€ ์–ผ๋งˆ ๋˜์ง€ ์•Š์•˜๊ณ , ์ผ์„ ํ•œ์ง€๋„ ์–ผ๋งˆ ๋˜์ง€ ์•Š์•˜์ง€๋งŒ ํ˜น์‹œ๋‚˜ ์ž‘๋…„์˜ ๋‚˜์ฒ˜๋Ÿผ ์ƒˆ๋กœ์šด ๋ถ„์•ผ์— ๋„์ „ํ•˜๋ ค๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด ์กฐ๊ธˆ์ด๋‚˜๋งˆ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ๊ธ€์„ ์“ฐ๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ์ž‘๋…„์— ๊ตญ๋น„์ง€์›์œผ๋กœ 5๊ฐœ์›” ๊ฐ€๋Ÿ‰์˜ <UIUX ๋””์ž์ธ & ํผ๋ธ”๋ฆฌ์…”> ๊ณผ์ •์„ ์ˆ˜๊ฐ•ํ•œ ํ›„ ์›น ํผ๋ธ”๋ฆฌ์…”๋กœ ์ทจ์—…์„ ํ–ˆ๊ณ , ์•„์ง๊นŒ์ง€๋Š” ์ผ์ด ๋„ˆ๋ฌด ์ฆ๊ฒ๊ณ  ํฅ๋ฏธ๋กญ๋‹ค.

 

↓ ๊ตญ๋น„์ง€์› ํ•™์› ์ˆ˜๊ฐ• ํ›„๊ธฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹œ๋‹ค๋ฉด ์•„๋ž˜ ๊ธ€์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”!

 

๊ตญ๋น„์ง€์› UIUX ๋””์ž์ธ, ํผ๋ธ”๋ฆฌ์…” ์ˆ˜๋ฃŒ ํ›„๊ธฐ (QnA)

 ๋‚˜๋Š” 2021๋…„ 1์›”๋ถ€ํ„ฐ 6์›”๊นŒ์ง€ ์•ฝ 5๊ฐœ์›”๊ฐ„์˜ ๊ตญ๋น„์ง€์› UI/UX ๋””์ž์ธ & ํผ๋ธ”๋ฆฌ์…” ๊ตญ๋น„์ง€์› ๊ณผ์ •์„ ์ˆ˜๊ฐ•ํ–ˆ๊ณ , ์•ฝ 2๊ฐœ์›”๊ฐ„์˜ ์ทจ์—… ์ค€๋น„ ๋์— ์ž‘๋…„ 7์›”๋ถ€ํ„ฐ ์›น ํผ๋ธ”๋ฆฌ์…”๋กœ ์ƒˆ๋กœ์šด ์ง์žฅ์—์„œ ์ผ์„ ํ•˜๋Š” ์ค‘

fay-story.com


์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ์ด๋ฒˆ ๊ธ€์„ ์ฝ์–ด๋ณด์‹œ๊ธธ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค!

 1. ๊ตญ๋น„์ง€์› ์›น๋””์ž์ธ, ์›นํผ๋ธ”๋ฆฌ์…” ๊ต์œก์„ ์ˆ˜๊ฐ• ์ „ ๋˜๋Š” ์ˆ˜๊ฐ• ์˜ˆ์ •์ธ ์‚ฌ๋žŒ 

 2. ๋น„์ „๊ณต์ž๋กœ ์›นํผ๋ธ”๋ฆฌ์…” ์ „์ง์„ ๊ณ ๋ฏผํ•˜๋Š” ์‚ฌ๋žŒ

 3. ์ด ๋ถ„์•ผ์— ๋‚ด๊ฐ€ ํฅ๋ฏธ๊ฐ€ ์žˆ์„๊นŒ? ๊ณ ๋ฏผ์ด ๋˜๊ณ  ๊ถ๊ธˆํ•œ ์‚ฌ๋žŒ

 

๊ตญ๋น„์ง€์› ์›น๋””์ž์ธ&#44; ์›นํผ๋ธ”๋ฆฌ์…”

๊ตญ๋น„์ง€์› ์›น๋””์ž์ธ, ์›นํผ๋ธ”๋ฆฌ์…” ์˜ˆ์Šต์„ ํ•ด์•ผํ•˜๋Š” ์ด์œ 

 ๊ฒฐ๋ก ๋ถ€ํ„ฐ ๋งํ•˜์ž๋ฉด ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ์œผ๋กœ ์˜ˆ์Šต์„ ํ•ด์•ผํ•˜๋Š” ์ด์œ ๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

 1. ํ•˜๋ฃจ 8์‹œ๊ฐ„, ์•ฝ 5-6๊ฐœ์›” ๊ฐ€๋Ÿ‰ ์ง„ํ–‰๋˜๋Š” ๊ตญ๊ฐ€๊ธฐ๊ฐ„·์ „๋žต์‚ฐ์—…์ง์ข…์˜ ๊ตญ๋น„ ์ˆ˜์—…์€ ๋‹จ๊ธฐ๊ฐ„์— ์ฒ˜์Œ ์ ‘ํ•˜๋Š” ๋งŽ์€ ์ง€์‹์„ ์Šต๋“ํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ˆ˜์—… ๋‚ด์šฉ์ด ๋น ๋ฅด๊ณ , ์–ด๋ ค์šธ ์ˆ˜ ์žˆ๋‹ค. ๋ณธ๊ฒฉ์ ์ธ ์ˆ˜์—… ์ „ ์‹œ๊ฐ„์ด ์žˆ๋‹ค๋ฉด ์˜ˆ์Šต์„ ํ•˜๋Š” ๊ฒƒ์„ ๊ฐ•๋ ฅ ์ถ”์ฒœํ•˜๊ณ , ๋งŒ์•ฝ ๊ทธ๋Ÿด ์‹œ๊ฐ„์ด ์—†๋‹ค๋ฉด ์ˆ˜์—… ์ค‘ ๋ณต์Šต์ด๋ผ๋„ ์—ด์‹ฌํžˆ ํ•˜์ž.

 2. ๋‚ด๊ฐ€ ์ด ๋ถ„์•ผ์— ํฅ๋ฏธ๊ฐ€ ์žˆ๋Š”์ง€, ์—†๋Š”์ง€๋ฅผ ์•Œ๊ณ ์„œ ์ˆ˜์—…์— ์ž„ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ๋ง‰์ƒ ๋“ค์—ˆ๋Š”๋ฐ ๋„ˆ๋ฌด ์ง€๋ฃจํ•˜๊ณ , ์–ด๋ ต๊ธฐ๋งŒ ํ•˜๊ณ , ์žฌ๋ฏธ์กฐ์ฐจ ๋Š๋‚„ ์ˆ˜ ์—†๋‹ค๋ฉด ๊ณต๋ถ€๋ฅผ ์ง€์†ํ•˜๊ธฐ ์–ด๋ ค์šธ ๊ฒƒ์ด๋‹ค.

 

โ˜…

 ๋‚˜๋Š” ์„œ๋น„์Šค์ง์—์„œ ์ผ์„ ํ•˜๋‹ค ์ „ํ˜€ ๋‹ค๋ฅธ ๋ถ„์•ผ์ธ ์›น๋ถ„์•ผ๋กœ ์ „์ง์„ ํ•œ์ง€ 1๋…„๋„ ๋˜์ง€ ์•Š์•˜๋‹ค. ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ  ์‹œ์ž‘ํ•œ ์ƒˆ๋กœ์šด ๋ถ„์•ผ์ด์ง€๋งŒ ๋‹คํ–‰ํžˆ๋„ ๋‚˜์—๊ฒŒ๋Š” ๋„ˆ๋ฌด ์ž˜ ๋งž์•„ ์žฌ๋ฏธ๋„ ์žˆ๊ณ , ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋„ ๋Š˜ ํฅ๋ฏธ๋กญ๋‹ค.

 ํ•˜์ง€๋งŒ ๋งŒ์•ฝ ์ฝ”๋”ฉ์— ๋Œ€ํ•ด ํ•˜๋‚˜๋„ ๋ชจ๋ฅด๋Š” ์นœ๊ตฌ๊ฐ€ ๋‚ด๊ฒŒ '๋‚˜๋„ ๋„ˆ์ฒ˜๋Ÿผ ๊ตญ๋น„์ง€์› ํ•™์›์ด๋‚˜ ๋‹ค๋…€๋ณผ๊นŒ?'๋ผ๊ณ  ๋งํ•œ๋‹ค๋ฉด, ํ•™์› ์ˆ˜๊ฐ• ์ „์— HTML๊ณผ CSS๋ฅผ ์ ‘ํ•ด๋ณด๋ผ๊ณ  ๋งํ•ด์ค„ ๊ฒƒ์ด๋‹ค. ์›น ๋””์ž์ธ์ด ์•„๋‹ˆ๋ผ ์›น ์ฝ”๋”ฉ์„ ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ์ด๋ผ๋ฉด ๋”๋”์šฑ ์˜ˆํ–‰์—ฐ์Šต์„ ์ถ”์ฒœํ•  ๊ฒƒ์ด๋‹ค. ๋‚˜ ๋˜ํ•œ ๋ณธ๊ฒฉ์ ์œผ๋กœ ํ•™์› ์ˆ˜์—…์„ ๋“ฃ๊ธฐ ์ „ ์•ฝ 1์‹œ๊ฐ„ ๊ฐ€๋Ÿ‰์˜ ์งง์€ ๋ง›๋ณด๊ธฐ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ฝ”๋”ฉ์„ ์ฒ˜์Œ ์ ‘ํ–ˆ์—ˆ๋‹ค. (์š”์ฆ˜์€ ์ค‘ํ•™์ƒ๋„ ์ฝ”๋”ฉ์„ ๋ฐฐ์šด๋‹ค๋˜๋ฐ, 10๋…„๋งŒ ๋” ๋Šฆ๊ฒŒ ํƒœ์–ด๋‚ฌ์–ด์•ผ ํ–ˆ๋‹ค..) ๋‚ด๊ฐ€ ๋“ค์—ˆ๋˜ ๊ฐ•์˜๋Š” '์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ'์ด๋ผ๋Š” ์˜จ๋ผ์ธ IT ๊ต์œก๊ธฐ๊ด€์—์„œ ์ฃผ์ตœํ•œ ์ด๋ฒคํŠธ์„ฑ ๊ฐ•์˜์˜€๋‹ค. ์ด๋ฒคํŠธ๋กœ ํฌ๋ฆฌ์Šค๋งˆ์Šค์™€ ์„ค๋งž์ด ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ๋Š”๋ฐ, ์ง€๊ธˆ์€ ๊ฐ™์€ ๊ฐ•์˜๊ฐ€ ์˜คํ”ˆ๋˜์–ด ์žˆ์ง€ ์•Š์•„ ์ถ”์ฒœํ•  ์ˆ˜๊ฐ€ ์—†์–ด ๋„ˆ๋ฌด ์•„์‰ฝ๋‹ค. ์—ฌํŠผ ๊ทธ๋ ‡๊ฒŒ ์ฒ˜์Œ ์ ‘ํ•œ ์ฝ”๋”ฉ์ด ๋„ˆ๋ฌด ์žฌ๋ฏธ์žˆ๊ณ , ํฅ๋ฏธ๋กœ์›Œ์„œ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์— ์‹œ์ž‘ํ•˜๊ฒŒ ๋œ ๊ฒƒ์ด์—ˆ๋‹ค.

 

 ์ž‘๋…„ 6์›” ๊ณผ์ •์ด ๋๋‚˜๊ณ  ๋‚˜๋Š” ๋‹คํ–‰ํžˆ ์ž‘์€ ํšŒ์‚ฌ์˜€์ง€๋งŒ ์ทจ์—…์„ ํ•˜์—ฌ ์›นํผ๋ธ”๋ฆฌ์…”๋กœ ์ผ์„ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ตญ๋น„์ง€์› ์ˆ˜์—… ๋‹น์‹œ ์ˆ˜๊ฐ•์ƒ ์ค‘ 2๋ช… ์ •๋„๋Š” ์ค‘๋„ ํฌ๊ธฐ๋ฅผ ํ–ˆ์—ˆ๊ณ , ๋Œ€๋ถ€๋ถ„์˜ ์ˆ˜๊ฐ•์ƒ๋“ค์ด 5๊ฐœ์›”๊ฐ„์˜ ๊ทธ ์งง์€ ๊ธฐ๊ฐ„๋™์•ˆ HTML, CSS, JavaScript, JQuery ๋ชจ๋‘ ์ •๋ง ์–ด๋ ค์›Œ ํ–ˆ์—ˆ๋‹ค. ์ˆ˜๊ฐ•์ƒ ์ค‘ ๋””์ž์ธ ์ „๊ณต์ž์™€ ๋””์ž์ด๋„ˆ ์ถœ์‹ ๋„ ๋ช‡๋ช‡ ์žˆ์—ˆ๋Š”๋ฐ, ์š”์ฆ˜์€ ์›น๋””์ž์ด๋„ˆ๋„ ์ฝ”๋”ฉ์„ ๋ฐฐ์›Œ์•ผ ํ•œ๋‹ค๊ณ  ํ•ด์„œ ์ˆ˜๊ฐ• ์‹ ์ฒญ์„ ํ–ˆ์ง€๋งŒ ์ฝ”๋”ฉ์„ ๋ฐฐ์šฐ๊ณ  ๋‚œ ํ›„์—๋„ ์—ฌ์ „ํžˆ ๋””์ž์ด๋„ˆ๋กœ ์ผ์„ ํ•˜์‹œ๋Š” ๋ถ„๋„ ์žˆ์—ˆ๊ณ , ์ฝ”๋”ฉ์ด ๋„ˆ๋ฌด ์–ด๋ ค์›Œ ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ์•„๋‹Œ ์›น ๋””์ž์ด๋„ˆ๋กœ ์ทจ์—…์„ ํ•œ ๋ถ„๋„ ์žˆ์—ˆ๋‹ค. ๊ณ„์† ์ทจ์—…์„ ํ•˜์ง€ ์•Š๊ณ  ์‹œ๊ฐ„์„ ๋ณด๋‚ด๋‹ค ์ฝ”๋”ฉ์— ํฅ๋ฏธ๊ฐ€ ๋–จ์–ด์ง„ ๋ถ„๋„ ์žˆ์—ˆ๋‹ค. ๊ฐ™์ด ์ˆ˜๊ฐ•ํ–ˆ๋˜ ๋™๊ธฐ๋“ค ์ค‘ ์ผ๋ถ€๋ฅผ ์ œ์™ธํ•˜๊ณ ๋Š” ์—ฐ๋ฝ์„ ํ•˜์ง€ ์•Š์•„ ๋ชจ๋‘ ์–ด๋–ป๊ฒŒ ์ง€๋‚ด๋Š”์ง€๋Š” ์ž˜ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ ํฅ๋ฏธ๋ฅผ ๋Š๋ผ์ง€ ๋ชปํ•œ ์‚ฌ๋žŒ๋“ค์€ ๊ด€๋ จ ๋ถ„์•ผ์— ์ทจ์—…์„ ์•ˆํ–ˆ์„ ๊ฐ€๋Šฅ์„ฑ๋„ ํฌ์ง€ ์•Š์„๊นŒ?

 

 ์ค‘์š”ํ•œ ๊ฒƒ์€ ๋‚ด๊ฐ€ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๊ฒƒ๊ณผ ๋ฐฐ์›Œ์•ผ ํ•  ๊ฒƒ์„ ์ž˜ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š”์ง€์™€, ์ฝ”๋”ฉ์— ํฅ๋ฏธ๋ฅผ ๊ฐ€์ ธ์•ผ ํ•œ๋‹ค๋Š” ์ ์ด๋‹ค. ๊ทธ๋ ‡๊ฒŒ ๋˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์šฐ์„  ๊ธฐ๋ณธ์ ์œผ๋กœ ์ˆ˜์—…์„ ์ž˜ ๋”ฐ๋ผ๊ฐˆ ์ˆ˜ ์žˆ์–ด์•ผ ํ•˜๊ณ , ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ  ๊ฐ•์˜๋ฅผ ๋“ฃ๋Š” ๊ฒƒ๋ณด๋‹ค ์กฐ๊ธˆ์ด๋ผ๋„ ์•Œ๊ณ  ๋“ฃ๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ๋„์›€์ด ๋œ๋‹ค๋Š” ์ด์•ผ๊ธฐ์ด๋‹ค.

 ๋ฌผ๋ก  ์ฒซ ์ˆ˜์—…์— ๋„ˆ๋ฌด ์ž˜ ์ดํ•ดํ•˜๊ณ , ์ „ํ˜€ ์–ด๋ ต๊ฒŒ ๋Š๊ปด์ง€์ง€ ์•Š์„์ˆ˜๋„ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ๋‚˜์™€ ๊ฐ™์€ ์ˆ˜์—…์„ ๋“ค์€ ํ•™์ƒ๋“ค ์ค‘ 80%๋Š” ์–ด๋ ค์›€์„ ๋Š๋ผ๋Š” ๊ฒƒ์„ ๋ดค์—ˆ๊ธฐ์— ์˜ˆ์Šต์„ ์ถ”์ฒœํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋‹คํ–‰ํžˆ๋„ ๋‚˜๋Š” ์˜ˆ์Šต์„ ํ•œ ๋•๋ถ„์— ์ฒซ HTML๊ณผ CSS ์ˆ˜์—…์—์„œ ๋ฌด์‚ฌํžˆ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ๋Š” ์ฒ˜์Œ ๋“ฃ๋Š” ๊ทธ ๊ฐ•์˜๊ฐ€ ๋‚˜์—๊ฒŒ๋Š” ๋ณต์Šต์ด ๋˜์–ด๋ฒ„๋ฆฌ๋‹ˆ ๋‹น์—ฐํžˆ ์ดํ•ดํ•˜๊ธฐ ํ›จ์”ฌ ์ˆ˜์›”ํ–ˆ๋˜ ๊ฒƒ์ด๊ณ , ์ˆ˜์—…์ด ๋” ํฅ๋ฏธ๋กœ์› ๋˜ ๊ฒƒ์ด๋‹ค. ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ๋ˆ„๊ตฐ๊ฐ€ ๊ตญ๋น„์ง€์›์œผ๋กœ ์›นํผ๋ธ”๋ฆฌ์‹ฑ ๊ฐ•์˜๋ฅผ ๋“ฃ๋Š”๋‹ค๊ณ  ํ•˜๋ฉด ๋‹น์—ฐํžˆ ์˜ˆ์Šต์„ ์ถ”์ฒœํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

 (๋ฌผ๋ก  ํ•˜๋ฃจ 1~2์‹œ๊ฐ„์˜ ๋‹จ๊ณผ ๊ณผ์ •์„ ๋“ฃ๋Š”๋‹ค๋ฉด ์‹œ๊ฐ„๋„ ๋„‰๋„‰ํ• ํ…Œ๊ณ , ๊ฐ•์‚ฌ๋„ ํ•™์ƒ๋“ค์„ ํ•˜๋‚˜ํ•˜๋‚˜ ๋‹ค ์ž˜ ์ฑ™๊ฒจ๋ด์ค„ ์ˆ˜ ์žˆ์„ํ…Œ๋‹ˆ ์ด ๊ฒฝ์šฐ๋Š” ์ œ์™ธ์ด๋‹ค. ๋‚˜์ฒ˜๋Ÿผ ํ•˜๋ฃจ 8์‹œ๊ฐ„ 5-6๊ฐœ์›” ๊ฐ€๋Ÿ‰์˜ ๊ธด ๊ฐ•์˜๋ฅผ ๋“ฃ๋Š” ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.) 

 

 ๊ทธ๋Ÿฐ ์˜๋ฏธ๋กœ ๋‚ด๊ฐ€ ์ˆ˜์—… ์ „ ๋“ค์—ˆ๋˜ ์ถ”์ฒœ ๊ฐ•์˜์™€ ์•ฝ๊ฐ„์˜ ์ •๋ณด๋ฅผ ๊ณต์œ ํ•˜๋ ค ํ•œ๋‹ค.

 (์›น ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๋ชฉํ‘œ๋ผ๋ฉด ํฌํ† ์ƒต์ด๋‚˜ ์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ์™€ ๊ฐ™์€ ๋””์ž์ธ ํˆด ๊ฐ•์˜๊ฐ€ ์•„๋‹Œ HTML, CSS ๊ฐ•์˜๋ฅผ ์˜ˆ์Šตํ•˜๊ธฐ๋ฅผ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค.)

 

์ถ”์ฒœ๊ฐ•์˜ 1. ์ƒํ™œ์ฝ”๋”ฉ <์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ>

 ์ฒซ๋ฒˆ์งธ ์ถ”์ฒœํ•˜๋Š” ๊ฐ•์˜๋Š” ์ƒํ™œ์ฝ”๋”ฉ์˜ <์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ> ์ด๋‹ค.

 https://opentutorials.org/course/1688

 ์ง€๊ธˆ์€ ์ด ๊ฐ•์˜๊ฐ€ WEBn ์ˆ˜์—…์œผ๋กœ ๋Œ€์ฒด๋˜์—ˆ๋‹ค๋Š” ๋ฌธ๊ตฌ๊ฐ€ ๋œจ๋Š”๋ฐ, <์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ> ๊ฐ•์˜๋ฅผ ์ข€ ๋” ์„ธ๋ฐ€ํ•˜๊ฒŒ ๋‹ค๋ฃฌ ๊ฐ•์˜๋กœ ๋Œ€์ฒด๋œ ๊ฒƒ ๊ฐ™๋‹ค. WEBn ์ˆ˜์—…์€ ๋” ๊ธธ๊ณ , ๋‚ด์šฉ์ด ๋งŽ์œผ๋‹ˆ ๊ตญ๋น„์ง€์› ์ˆ˜์—… ์ˆ˜๊ฐ• ์ „ ์˜ˆ์Šต์šฉ์œผ๋กœ ๋“ฃ๋Š” ๊ฒƒ์ด๋ผ๋ฉด ๋” ์งง๊ณ  ๊ฐ„๋‹จํžˆ ๋ง›๋ณด๊ธฐ ์ˆ˜์—…์ด ๊ฐ€๋Šฅํ•œ <์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ> ๊ฐ•์˜๋ฅผ ์ถ”์ฒœํ•œ๋‹ค. (์ถ”ํ›„์— ํ•™์› ์ˆ˜์—…์„ ๋“ฃ๋‹ค๊ฐ€ ๋ถ€์กฑํ•˜๊ฑฐ๋‚˜ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šด ๋ถ€๋ถ„์ด ์ƒ๊ธฐ๋ฉด WEBn ๊ฐ•์˜๋‚˜ ๊ตฌ๊ธ€, ์œ ํŠœ๋ธŒ ๊ฒ€์ƒ‰ ๋“ฑ์œผ๋กœ ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๋”ฐ๋กœ ์ฐพ์•„๋“ฃ๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค.) ์ด๋ฏธ ํ•™์›์„ ๋“ฑ๋กํ•œ ์ƒํƒœ๋ผ๋ฉด ํ•™์›์—์„œ ์ˆ˜์—…์„ ๋“ค์„ ์ˆ˜ ์žˆ์œผ๋‹ˆ ๋„ˆ๋ฌด ๋งŽ์€ ๊ฒƒ์„ ์Šต๋“ํ•˜๋ ค๊ธฐ ๋ณด๋‹ค๋Š” ๊ฐ„๋‹จํžˆ ํ›‘๊ณ ๋งŒ ๊ฐ„๋‹ค๋Š” ๊ฐ€๋ฒผ์šด ๋งˆ์Œ์œผ๋กœ ์ˆ˜์—…์„ ๋“ค์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.

 ์ฐธ๊ณ ๋กœ ์˜ˆ์ „์— ๋งŒ๋“  ๊ฐ•์˜์—ฌ๋„ ๊ธฐ๋ณธ ๋ฒ ์ด์Šค๋Š” ๊ฐ™์œผ๋‹ˆ ๊ฑฑ์ •ํ•˜์ง€ ๋ง๊ณ  ๋“ค์–ด๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋‚˜๋Š” ์ด ๊ฐ•์˜์˜ "PHP์‹ค์Šต" ์ „ ๊ฐ•์˜์ธ  "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ค์Šต"๊นŒ์ง€๋งŒ ๋“ค์—ˆ๊ณ , PHP์™€ MySQL์€ ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๋‹ค๋ฃจ๋Š” ๋ถ€๋ถ„์ด ์•„๋‹ˆ๋‹ˆ ๊ตณ์ด ๋“ฃ์ง€ ์•Š์•„๋„ ๋œ๋‹ค. ์ด ๊ฐ•์˜๋กœ HTML, CSS, JavaScript๋งŒ ๊ฐ€๋ณ๊ฒŒ ํ›‘๊ณ  ๊ฐ€๊ธฐ๋ฅผ ๊ฐ•๋ ฅ ์ถ”์ฒœํ•œ๋‹ค.

 ์ด ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉด์„œ ์ƒํ™œ์ฝ”๋”ฉ ์›น์‚ฌ์ดํŠธ๋„ ๊ผญ ๊ธฐ์–ตํ•ด๋‘์ž! ๊ฐ•์˜๊ฐ€ ์กฐ๊ธˆ ์ง€๋ฃจํ•˜๊ณ , ๋‚˜๊ธ‹๋‚˜๊ธ‹ํ•œ ๊ฐ•์‚ฌ๋‹˜์˜ ๋ชฉ์†Œ๋ฆฌ๊ฐ€ ์กธ๋ฆฌ๊ฒŒ ๋Š๊ปด์งˆ ์ˆ˜๋„ ์žˆ์ง€๋งŒ ์ข‹์€ ๊ฐ•์˜๋ฅผ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉฐ ์ •๋ง ๋งŽ์€ ๋„์›€์ด ๋˜๋Š” ์›น์‚ฌ์ดํŠธ์ด๋‹ค.

 

์ถ”์ฒœ๊ฐ•์˜ 2. ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ <1์‹œ๊ฐ„๋งŒ์— ๋๋‚ด๋Š” ์ง์žฅ์ธ ์ฝ”๋”ฉ์šฉ์–ด ํ•ด์„ค>

 ๋‘๋ฒˆ์งธ๋กœ ์ถ”์ฒœํ•˜๋Š” ๊ฐ•์˜๋Š” ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ์—์„œ ์ง„ํ–‰ํ•˜๋Š” ์•„์ฃผ ์งง์€ <1์‹œ๊ฐ„๋งŒ์— ๋๋‚ด๋Š” ์ง์žฅ์ธ ์ฝ”๋”ฉ์šฉ์–ด ํ•ด์„ค>์ด๋‹ค.

 https://spartacodingclub.kr/online/coding101

 ์‚ฌ์‹ค ์ด ๊ฐ•์˜๋Š” ์ด ๊ธ€์„ ์“ฐ๊ธฐ ํ•˜๋ฃจ ์ „์— ์šฐ์—ฐํžˆ ์•Œ๊ฒŒ๋˜์–ด ์ˆ˜๊ฐ•์„ ํ–ˆ๋‹ค. ๋ฌด๋ฃŒ๋กœ ์ˆ˜๊ฐ•์„ ํ–ˆ๋Š”๋ฐ, ๋งŒ์•ฝ ์ด ๊ฐ•์˜๊ฐ€ ๊ณ„์† ๋ฌด๋ฃŒ๋กœ ํ’€๋ ค์žˆ๋‹ค๋ฉด ํ•œ๋ฒˆ์ฏค์€ ๋“ค์–ด๋ณด๊ธฐ๋ฅผ ์ถ”์ฒœํ•œ๋‹ค. ์œ ๋กœ๋ผ๋ฉด ๊ตณ์ด.. ์•ˆ๋“ค์–ด๋„ ๋  ๊ฒƒ ๊ฐ™๋‹ค. (ํ™๋ณด ๋‹น์—ฐํžˆ X)

 <1์‹œ๊ฐ„๋งŒ์— ๋๋‚ด๋Š” ์ง์žฅ์ธ ์ฝ”๋”ฉ์šฉ์–ด ํ•ด์„ค>์€ ์ •๋ง 1์‹œ๊ฐ„๋งŒ์— ๊ฐ€๋ณ๊ฒŒ ๋“ค์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜๋กœ, ์›น์— ๋Œ€ํ•œ ๊ฐ€์žฅ ๊ธฐ์ดˆ์ ์ธ ๋ถ€๋ถ„์„ ์„ค๋ช…ํ•ด์ค€๋‹ค. ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ  ๋ณด๋ฉด ์กฐ๊ธˆ ์–ด๋ ต๊ฒŒ ๋Š๊ปด์งˆ ์ˆ˜๋„ ์žˆ๊ฒ ์ง€๋งŒ, ์›น๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ์ „์ฒด์ ์ธ ํ‹€์„ ํ•œ๋ฒˆ ๋“ค์–ด๋ณธ๋‹ค๋Š” ๊ฐ€๋ฒผ์šด ๋งˆ์Œ์œผ๋กœ ์ˆ˜๊ฐ•ํ•ด๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค. ํ•œ ๋ฒˆ ์™„๊ฐ• ํ›„์—” ํ‰์ƒ ์ˆ˜๊ฐ•์ด ๊ฐ€๋Šฅํ•˜๋‹ˆ ๊ธฐ์–ตํ•ด ๋’€๋‹ค๊ฐ€, ๊ตญ๋น„์ง€์› ๊ณผ์ •์ด ๋๋‚œ ํ›„์— ํ•œ๋ฒˆ ๋” ๋“ค์–ด๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

 (๊ฐ•์˜ ์ค‘ 1-5 ๋ถ€๋ถ„์— ์šฐ๋ฆฌ๊ฐ€ ๋ฐฐ์šฐ๋Š” HTML, CSS, JS ์ด์•ผ๊ธฐ์™€ ํ•จ๊ป˜ ํ”„๋ก ํŠธ์—”๋“œ์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ ์ด์•ผ๊ธฐ๊ฐ€ ๋‚˜์˜ค๋‹ˆ ์ด ๋ถ€๋ถ„์„ ์ง‘์ค‘ํ•ด์„œ ๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.)

 

+ ๋‹ค์–‘ํ•œ ์›น ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ฐ€์ž…๊ณผ ํ™œ๋™

 ์ถ”๊ฐ€์ ์œผ๋กœ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ์›น ๊ธฐ์ˆ ์ž๋“ค์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ๊ฐ€์ž…ํ•˜๋Š” ๊ฒƒ๋„ ์ถ”์ฒœํ•œ๋‹ค.

 ์ปค๋ฎค๋‹ˆํ‹ฐ ํ™œ๋™์„ ํ†ตํ•ด ๋ฐฐ์šฐ๋Š” ๋‹จ๊ณ„์— ์žˆ๋Š” ์šฐ๋ฆฌ๋Š” ์—…๊ณ„ ์„ ๋ฐฐ๋“ค์˜ ๋…ธํ•˜์šฐ์™€ ์ง€์‹๋„ ๊ณต์œ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ณ , ์‹œ๊ฐ„์ด ํ˜๋Ÿฌ ๋‚ด๊ฐ€ ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” ์ •๋ณด๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ง€์†์ ์ธ ๊ณต์œ ์™€ ์„œ๋กœ์˜ ๋ฐœ์ „์„ ํ†ตํ•ด ๋งค์ˆœ๊ฐ„ ๋Š์ž„์—†์ด ์ƒˆ๋กœ์šด ๋ฌด์–ธ๊ฐ€๊ฐ€ ๋“ฑ์žฅํ•˜๋ฉฐ ๋น ๋ฅธ ํŠธ๋ Œ๋“œ๋ฅผ ์ด๋Œ๊ณ , ๋ฐ›์•„๋“ค์—ฌ์•ผ ํ•˜๋Š” ์›น๊ณผ IT๋ถ„์•ผ์— ๋” ๋งŽ์€ ํฅ๋ฏธ๋ฅผ ๋Š๋‚„ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค.

 ๋Œ€ํ‘œ์ ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ๋กœ ๋„ค์ด๋ฒ„ ์นดํŽ˜ <ํ•˜๋“œ์ฝ”๋”ฉํ•˜๋Š”์‚ฌ๋žŒ๋“ค>์ด ์žˆ๊ณ , ๊ทธ ์™ธ์—๋„ ํŽ˜์ด์Šค๋ถ์ด๋‚˜ ์นด์นด์˜คํ†ก ์˜คํ”ˆ์ฑ„ํŒ… ๋“ฑ์œผ๋กœ ๋‹ค์–‘ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ์—๋Š” ๊ฐœ๋ฐœ์ž ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋””์ž์ด๋„ˆ, ๊ธฐํš์ž ๋“ฑ ๋‹ค์–‘ํ•œ ์ง๊ตฐ์˜ ์‚ฌ๋žŒ๋“ค์ด ์ปค๋ฎค๋‹ˆํ‹ฐ๋กœ ์ •๋ณด์™€ ์ง€์‹ ๋“ฑ์„ ๊ณต์œ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํญ๋„“์€ ์ง€์‹์„ ์Šต๋“ํ•˜๋Š”๋ฐ ๋งŽ์€ ๋„์›€์ด ๋œ๋‹ค.

 ๋‚˜๋Š” ์ž‘๋…„์— ํ•™์›์—์„œ ๊ณต๋ถ€๋ฅผ ํ•˜๋˜ ์ค‘ ์—ฌ๋Ÿฌ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์•Œ๊ฒŒ ๋˜์–ด ๊ฐ€์ž…์„ ํ–ˆ์—ˆ๋‹ค. ์ง€๊ธˆ๋„ ๊ทธ๋ ‡์ง€๋งŒ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๋‚˜ ์งˆ๋ฌธ๋“ค๋กœ๋„ ์ƒ๊ฐ๋ณด๋‹ค ๋งŽ์€ ๊ฒƒ๋“ค์„ ๋ฐฐ์šฐ๊ฒŒ ๋œ๋‹ค. ์ €๊ฑด ๋‚˜๋„ ๊ถ๊ธˆํ–ˆ๋˜ ๊ฑด๋ฐ, ๋‚˜์™€ ๊ฐ™์€ ๊ฒฝํ—˜์„ ํ•˜๋Š” ์‚ฌ๋žŒ์ด ์—ฌ๊ธฐ๋„ ์žˆ๋„ค, ์ด ์ •๋ณด๋Š” ์ €์žฅํ•ด๋‘ฌ์•ผ ๊ฒ ๋‹ค ๋“ฑ์˜ ์ •๋ณด๊ฐ€ ๋งŽ์•„์ง€๋Š” ๊ฒƒ์ด๋‹ค. ๋‚ด๊ฐ€ ์ฐธ์—ฌํ•˜๊ณ  ์žˆ๋Š” ์นด์นด์˜คํ†ก ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ์—์„œ๋Š” ์ฝ”๋”ฉ์„ ์ฒ˜์Œ ์ ‘ํ•ด๋ณด๋Š” ์‚ฌ๋žŒ์ด๋‚˜, ๊ตญ๋น„๊ต์œก์„ ๋“ฃ๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ ๋“ฑ ์ง€๊ธˆ ์ฝ”๋”ฉ์„ ๋ฐฐ์šฐ๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค๋„ ๊ฝค ๋งŽ์•„์„œ ๋ชจ๋ฅด๋Š” ๊ฒƒ์ด๋‚˜ ์˜๊ฒฌ์„ ๋ฌผ์œผ๋ฉด ์—ฌ๋Ÿฌ ๋‹ต๋ณ€์ด ๋Œ์•„์˜ค๊ธฐ๋„ ํ•œ๋‹ค. ๋‚˜๋„ ๊ตญ๋น„์ง€์› ๊ต์œก์— ๋Œ€ํ•ด ํ•œ ๋‘๋ฒˆ ๋ฌผ์–ด๋ณด๊ณ  ์—ฌ๋Ÿฌ ์˜๊ฒฌ์„ ๋“ค์—ˆ๋˜ ์ ์ด ์žˆ์–ด ์นด์นด์˜คํ†ก ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ๋„ ๊ฒ€์ƒ‰ํ•ด์„œ ํ•œ ๊ตฐ๋ฐ ์ •๋„๋Š” ๋“ค์–ด๊ฐ€ ์žˆ๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. ๊ตญ๋น„์ง€์› ๊ฐ•์˜ ์ค‘ ์›น๋””์ž์ธ ์‹œ๊ฐ„์— ๊ฐ•์‚ฌ๋‹˜์ด '์ธํ’‹์ด ๋งŽ์•„์•ผ ์•„์›ƒํ’‹์ด ๋งŽ๋‹ค'๋ผ๋Š” ๋ง์”€์„ ์ž์ฃผ ํ•˜์…จ๋Š”๋ฐ, ์ด๋Š” ๋””์ž์ธ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์—ฌ๋Ÿฌ ๋ฐฉ๋ฉด์—์„œ ์ ์šฉ๋˜๋Š” ๋ง์ธ ๊ฒƒ ๊ฐ™๋‹ค.


 1๋‹ฌ ๊ณผ์ •์˜ ์งง์€ ๋‹จ๊ณผํ•™์›์„ ๋‹ค๋‹ˆ๋ ค๋Š” ๊ฒƒ์ด๋ผ๋ฉด ํ•œ ๋ฒˆ ๋ฐฐ์›Œ๋ณด๊ณ  ์•„๋‹ˆ๋‹ค ์‹ถ์œผ๋ฉด ๊ทธ๋งŒ๋‘๋ฉด ๋œ๋‹ค. ํ•˜์ง€๋งŒ ๋ช‡ ๋‹ฌ๊ฐ„์˜ ๊ธด ๊ณผ์ •์˜ ์ˆ˜์—…์„, ์ทจ์—…์„ ๋ชฉ์ ์œผ๋กœ ๋“ค์œผ๋ ค๊ณ  ํ•œ๋‹ค๋ฉด ์‚ฌ์ „์— ๋‚ด๊ฐ€ ์ด ๋ถ„์•ผ๋ฅผ ์ •๋ง ํฅ๋ฏธ๋กญ๊ฒŒ ์ง€์†์ ์œผ๋กœ ๋ฐฐ์šธ์ˆ˜ ์žˆ์„๊นŒ, ๋ผ๋Š” ๊ณ ๋ฏผ์„ ํ•œ๋ฒˆ์ฏค์€ ํ•ด๋ณผ ๊ฒƒ์ด๋‹ค.

 ํฐ ๊ธˆ์•ก์ด ์ „์•ก ์ง€์›์ด ๋˜๋Š” ๊ตญ๋น„์ง€์› ๊ต์œก๋„ ์ค‘๋„ ํฌ๊ธฐ๋ฅผ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ทธ๋งŒํผ์˜ ํŒจ๋„ํ‹ฐ๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‹ ์ค‘ํžˆ ์ƒ๊ฐํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ๊ฒƒ์ด๋‹ค. ๊ทธ๋Ÿฐ ๊ณ ๋ฏผ์ด ์žˆ๋‹ค๋ฉด ๋” ์˜ค๋ž˜ ์ƒ๊ฐํ•˜์ง€ ๋ง๊ณ  ์šฐ์„  ๋ง›๋ณด๊ธฐ ๊ฐ•์˜๋ผ๋„ ๋“ค์–ด๋ณด๊ธฐ๋ฅผ ์ถ”์ฒœํ•˜๋Š” ๋งˆ์Œ์—์„œ ์ด ๊ธ€์„ ์“ฐ๊ฒŒ ๋˜์—ˆ๋‹ค. ์ƒˆ๋กœ์šด ์„ ํƒ์„ ํ•˜๋ ค๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ์ด ๊ธ€์ด ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค. 

๋ฐ˜์‘ํ˜•