14th_Sep_2021 ๐Ÿฐ์—˜๋ฆฌ์Šค AI ํŠธ๋ž™ ์‹œ์ž‘ ํšŒ๊ณ 

์œ ํ™˜์ตยท2021๋…„ 9์›” 14์ผ
2
post-thumbnail

๊ฐœ๋ฐœ ๊ต์œก์„ ์‹œ์ž‘ํ•˜๋ฉฐ ์‹œ์ž‘ํ•˜๋Š” ํšŒ๊ณ ๋ก

๋‘์„œ์—†๋Š” ์„œ๋ก  ๋ฐ ํ•‘๊ณ„๊ฑฐ๋ฆฌ

์›๋ž˜๋Š” Medium์—์„œ TIL์ž‘์„ฑ์„ ํ–ˆ๋‹ค๊ฐ€ ๋„ˆ๋ฌด ๋ชป์ƒ๊ธด ๊ธ€์”จ(์˜์–ด๋Š” Times New Roman ์Šคํƒ€์ผ์ด๋ผ ๊ดœ์ฐฎ์•˜๋Š”๋ฐ..) ๋•Œ๋ฌธ์— ๊ธฐ๋กํ•˜๋Š” ๋ง›์ด ์ „ํ˜€ ๋‚˜์งˆ ์•Š์•˜๋‹ค. ๋ฌผ๋ก  ๊ธฐ๋ก์— ๊ฒŒ์„๋Ÿฌ์ง„ ์˜ํ–ฅ๋„ ์žˆ์—ˆ์ง€๋งŒ, ์•„๋ฌด๋ ด ์–ด๋–จ๊นŒ ์ƒˆ๋กœ์šด ๋…ธํŠธ์— ์ƒˆ๋กœ์šด ๊ธ€์„ ์“ฐ๋Š” ๊ฒƒ ๋งŒํผ ๋ฌธํ•™๋„์—๊ฒŒ ์‹ ๋‚˜๋Š” ๋™๊ธฐ๋ถ€์—ฌ๋Š” ์—†์„ ๊ฒƒ์ด๋‹ˆ ์•ž์œผ๋กœ๋Š” ๊พธ์ค€ํžˆ ๊ด€๋ฆฌํ•  ์ƒ๊ฐ์ด๋‹ค.

๊ทธ๋ž˜๋„ Medium์—์„œ ์•„์˜ˆ Velog๋กœ ํ”Œ๋žซํผ์„ ๋ฐ”๊ฟ€ ์ƒ๊ฐ์€ ์—†๋Š” ๊ฒƒ์ด, ํ•ด์™ธ์—์„œ ๋” ์ธ์ง€๋„๊ฐ€ ์žˆ๋Š” ํ”Œ๋žซํผ์€ Medium์ด๋‹ˆ ์˜๋ฏธ๊ถŒ ๊ฐœ๋ฐœ์ง ํ•ด์™ธ์ทจ์—…์„ ๊ฟˆ๊พธ๋Š” ๋‚˜์—๊ฒŒ ์žˆ์–ด ์–ธ์  ๊ฐ€ ๋Œ์•„๊ฐ€์•ผ ํ•  ๊ณ ํ–ฅ์ด๋‚˜ ๋‹ค๋ฆ„์—†๋‹ค.

ํ›… ๋“ค์–ด์˜ค๋Š” ๋ณธ๋ก 

์‚ฌ์‹ค ์ƒˆ๋กœ์šด ๋ธ”๋กœ๊ทธ ๊ธ€์„ ์“ฐ๋Š” ๋ฐ๋Š” ์ด์œ ๊ฐ€ ์žˆ๋‹ค. ์˜ฌํ•ด 2์›”์— Java๊ณผ์ •์„ ์ˆ˜๋ฃŒํ•˜๊ณ  ์žฅ์žฅ 7๊ฐœ์›” ๊ฐ„์˜ ๊ธธ๊ณ  ์™ธ๋กœ์šด ๋ฐฉํ™ฉ ๊ธฐ๊ฐ„:

  • SSAFY: 1์ฐจ ํƒˆ๋ฝ
  • ๋ถ€์ŠคํŠธ์บ ํ”„: 1์ฐจ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ํƒˆ๋ฝ
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค: 1์ฐจ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ํƒˆ๋ฝ

๋“ฑ์˜ ์‹คํŒจ๋กœ ์ธํ•œ ๋์ด ๋ณด์ด์ง€ ์•Š๋˜ ๋…ํ•™์˜ ๋Šช์—์„œ ๋ฒ—์–ด๋‚ฌ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. 7์›” ๋ง, ๋ชจ๋“  ๊ฐœ๋ฐœ ๊ต์œก ์„ ๋ฐœ์— ํƒˆ๋ฝํ•˜๊ณ  ๋‚˜์„œ, ์šฐ์—ฐํžˆ ์ธ์Šคํƒ€๊ทธ๋žจ์„ ํ™•์ธํ•˜๋˜ ์ค‘, Elice AI ํŠธ๋ž™์ด๋ผ๋Š” ๊ด‘๊ณ ๋ฅผ ๋ณด์•˜๋‹ค. ์ฒ˜์Œ์— ๋‚˜๋Š” AI ์ชฝ์€ ์ž˜ ๋ชจ๋ฅด๊ธฐ๋„ ํ•˜๊ณ  ์–ด๋ ต๋‹ค๊ณ ๋งŒ ์•Œ๊ณ  ์žˆ์–ด ๊ทธ๋ƒฅ ์ง€๋‚˜์น˜๋ ค๋˜ ์ค‘, ๊ณผ์ • ์†Œ๊ฐœํŽ˜์ด์ง€ ๋งŒ์ด๋ผ๋„ ๋“ค์–ด๊ฐ€๋ณด์•˜๋‹ค.

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

์ผ๋ฐ˜์ ์ธ ๊ตญ๋น„ํ•™์›๊ณผ์ •์ด๋‚˜ ์ง€๊ธˆ ๊ฐ€์ง„ ์‹ค๋ ฅ์œผ๋กœ ๋ฐ”๋กœ ์ทจ์—…์— ๋„์ „ํ•  ์ง€ ๊ณ ๋ฏผํ•˜๊ณ  ์žˆ์—ˆ๋˜ ๋‚˜๋Š” ์ด๊ฒŒ ๋งˆ์ง€๋ง‰์ด๋ผ๋Š” ์‹ฌ์ •์œผ๋กœ ๋งˆ์ง€๋ง‰ ์ •์„ฑ์„ ๋‹คํ•ด ์ง€์›์„œ๋ฅผ ์ผ๊ณ  Elice AI ํŠธ๋ž™ ๊ณผ์ •์— ์ง€์›ํ•˜์˜€๋‹ค. ์„œ๋ฅ˜์—๋Š” ์ ์–ด๋„ ์ง€๊ธˆ๊นŒ์ง€์˜ ๋‚ด ๊ฐœ๋ฐœ ๊ฐ€์น˜๊ด€, ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜, ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐ ๋ฐ์ดํ„ฐ ๊ธฐ์ˆ  ๊ด€๋ จ ํ•™์Šต ๊ฒฝํ—˜์„ ์‹คํŒจ๋ฅผ ๋”›๋Š” ์—ด์ •์ด๋ผ๋Š” ํ‚ค์›Œ๋“œ๋กœ ์ •์„ฑ์„ ๋‹ด์•„ ํ’€์–ด๋‚ด์—ˆ๋‹ค.

๋ฉฐ์น  ํ›„..

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

์‹œํ—˜ ํ›„

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

๊ฒฐ๊ณผ

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

์šด์ด ์ข‹๊ฒŒ๋„ ํ…Œ์ŠคํŠธ ๊ณ ๋“์ ์ž๋กœ ์ธํ„ฐ๋ทฐ ์ ˆ์ฐจ๊ฐ€ ์ƒ๋žต๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์—, ๋‚˜๋Š” ๋‚จ์€ ๊ธฐ๊ฐ„ ๋™์•ˆ ๊ทธ๋™์•ˆ ๊ฐœ์ธ์ ์œผ๋กœ ์ง„ํ–‰ํ•˜๋˜ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œํ’€์ด ๋ฐ JavaScript ๊ทธ๋ฃน์Šคํ„ฐ๋””์— ์ฐธ์—ฌํ•˜๋ฉฐ ๊ณต๋ถ€ํ•˜๊ณ  ๋ฐ€๋ฆฐ ํœด์‹์˜ ๊ธฐ๊ฐ„์„ ๊ฐ–์œผ๋ฉฐ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ๋‹ค.

๊ทธ๋ ‡๊ฒŒ ๋ฉฐ์น  ํ›„...

๊ทธ์ €๊ป˜ ์žˆ์—ˆ๋˜ OT๋ฅผ ์ง€๋‚˜ ๋“œ๋””์–ด ์–ด์ œ ์ฒซ ์‹ค์‹œ๊ฐ„ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜์˜€๋‹ค. ์ฒซ ๊ฐ•์˜์˜ ์†Œ๊ฐ์— ์•ž์„œ OT์—์„œ ๋Š๊ผˆ๋˜ ๊ณผ์ •์— ๋Œ€ํ•œ ์ธ์ƒ์€:

๋‚ด ์„ ํƒ์„ ๋ฏฟ์„ ์ˆ˜ ์žˆ๋Š”๊ฐ€?

๊ณผ์ • ์†Œ๊ฐœ๋ฅผ ํ•˜์‹œ๋Š” ๋งค๋‹ˆ์ € ๋ถ„๋“ค์˜ ์ „๋ฌธ์„ฑ์ด ๋‹๋ณด์˜€๋‹ค. ๊ทธ๋™์•ˆ ์—˜๋ฆฌ์Šค ์‚ฌ๊ฐ€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ต์œก ํ”Œ๋žซํผ์„ ํ†ตํ•ด ์ด๋ฃฌ ์„ฑ๊ณผ์™€ ์ง€๋‚œ ๊ธฐ์ˆ˜ ๊ต์œก์—์„œ ๋งŒ๋“ค์–ด ๋‚ธ ์ƒ๋‹นํ•œ ์•„์›ƒํ’‹, ๊ทธ๋ฆฌ๊ณ  ์ฒด๊ณ„๊ฐ€ ์žกํžŒ ๊ต์œก ๋ฐ ์šด์˜ ๋ฐฉ์‹ ๋“ฑ์˜ ํ”„๋ ˆ์  ํ…Œ์ด์…˜์„ ๋“ค์œผ๋ฉด์„œ ๊ต์œก๊ธฐ๊ด€์„ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ํ”„๋กœ๋‹ต๋‹ค๋Š” ์ธ์ƒ์„ ๋ฐ›์•˜๋‹ค. ์ด ์ •๋„๋กœ ์ƒ์„ธํžˆ ์•ž์œผ๋กœ์˜ ๊ณผ์ •์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๋Š” ๊ธฐ๊ด€์ด๋ผ๋ฉด ๋‚ด 6๊ฐœ์›”์„ ์˜จ์ „ํžˆ ํˆฌ์žํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

์ €๊ธฐ์š”? ์—ฌ๊ธฐ ๊ดด์ˆ˜๋ถ„๋“ค์ด ์™œ ์ด๋ ‡๊ฒŒ ๋งŽ์ฃ ?

๋˜ ํ•œ๊ฐ€์ง€ ์ธ์ƒ์ ์ธ ๋ถ€๋ถ„์€ ์ปดํ“จํ„ฐ ๊ณตํ•™ ์ „๊ณต์ž์˜ ๋น„์œจ์ด ์ƒ๋‹นํžˆ ๋งŽ๋‹ค๋Š” ์ธ์ƒ์ด์—ˆ๋‹ค. ์–ธ๋“ฏ๋ณด์•„๋„ ์ปดํ“จํ„ฐ ๊ณตํ•™ ์ „๊ณต์ž์˜ ์ˆ˜๊ฐ€ ์ƒ๋‹นํ–ˆ๊ณ  ๋น„์ „๊ณต์ž ๋ฐ ์ž…๋ฌธ์ž์— ๋น„ํ•ด ๋งŽ๋‹ค๊ณ  ๋Š๊ปด์กŒ๊ธฐ ๋•Œ๋ฌธ์— (๋ฌผ๋ก , ์‚ฌ์‹ค ์ „๊ณต์ž๊ฐ€ ์•„๋‹ˆ๊ณ  ์‹ค๋ ฅ์ด ์ถœ์ค‘ํ•˜์‹  ๋ถ„๋“ค์ผ ์ˆ˜๋„ ์žˆ์ง€๋งŒ.. ์ผ๋‹จ ๋‚ด๊ณต์ด ๋Š๊ปด์ง€๋Š” ๋™๋ฃŒ๋ถ„๋“ค์ด ๋งŽ์•˜๋‹ค) ์œ„์ถ•์ด ์ข€ ๋˜์—ˆ๋‹ค.

๊ทธ๋ž˜? ์˜คํžˆ๋ ค ์ข‹์•„

๊ทธ๋Ÿฐ๋ฐ ์‹ค์€ ๋‚˜์—๊ฒŒ ์žˆ์–ด ์˜คํžˆ๋ ค ์ข‹์€ ์ƒํ™ฉ์ด๋‹ค. ์‹ค๋ ฅ์ด ์žˆ๋Š” ๋™๋ฃŒ๋“ค๊ณผ ํ•จ๊ป˜ ๋ฐฐ์šฐ๋Š” ๊ณผ์ •์„ ํ†ตํ•ด, ๋‚˜๋Š” ์‚ฌ์‹ค ๋‘ ๋ฐฐ ์ด์ƒ์˜ ํ•™์Šต ํšจ์œจ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ฝ”์น˜๋‹˜ ๋ฟ ์•„๋‹ˆ๋ผ ๋™๋ฃŒ๋“ค๋„ ๋‚ด ์Šค์Šน์ด ๋˜๋Š” ๊ฑฐ๋‚˜ ๋งˆ์ฐฌ๊ฐ€์ง€๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๊ณ , ๋™๋ฃŒ์—๊ฒŒ์„œ ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์šด๋‹ค๋Š” ๊ฒƒ์„ ์ด๋ฏธ ์ง€๋‚œ ๊ณผ์ •์—์„œ ๊ฒฝํ—˜ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์—ฐ์˜ˆ์ธ์„ ๋ณด๋Š” ์ˆ˜์—…

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

๋น„๋Œ€๋ฉด์€ ๋ถˆํŽธํ•ด๋„,

์ฒซ ๋น„๋Œ€๋ฉด ์ˆ˜์—…์€ ๋ฌผ๋ก  ๋‹ค ๋งŒ์กฑ์Šค๋Ÿฝ์ง€๋Š” ์•Š์•˜๋‹ค. ์ผ๋‹จ ํ•œ ์žฅ์†Œ์—์„œ ์ง์ ‘์ ์ธ ์ƒํ˜ธ์ž‘์šฉ์„ ํ•˜๋ฉฐ ์ˆ˜์—…์„ ์ฐธ์—ฌํ•˜๋Š” ๊ฒƒ๊ณผ ์›๊ฒฉ์œผ๋กœ ์ˆ˜์—…์„ ๋“ฃ๋Š” ๊ฒƒ์˜ ์ฐจ์ด๋Š” ์ƒ๋‹นํžˆ ํฌ๋‹ค.

์ฒซ์งธ๋กœ ํ•™์ƒ๋“ค์˜ ์ƒํƒœ๋ฅผ ํ™•์ธํ•˜๋Š” ๊ฒƒ์— ๋งŽ์€ ์ œ์•ฝ์ด ์žˆ๋‹ค. ์ด ๋ถ€๋ถ„์„ ์—˜๋ฆฌ์Šค์—์„œ๋Š” ๋‚ด๊ฐ€ ๋ณด๊ธฐ์— ์Šฌ๊ธฐ๋กญ๊ฒŒ ๋Œ€์ฒ˜๋ฅผ ํ•œ ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์˜€์ง€๋งŒ, ๊ทธ๋ž˜๋„ ๋ถˆํŽธํ–ˆ๋˜ ๊ฒƒ์€ ์‚ฌ์‹ค์ด๋‹ค.

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

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

์ข‹์€ ์ ๋„ ์žˆ์–ด

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

๋˜ํ•œ, ๊ธˆ์ „์ ์ธ ๋น„์šฉ๋„ ๋“ค์–ด๊ฐ€์ง€ ์•Š๋Š”๋‹ค. ์ ์‹ฌ๊ณผ ์ €๋…์‹์‚ฌ, ๊ตํ†ต๋น„์˜ ์ง€์ถœ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋ˆ ์“ธ์ผ์ด ์—†์–ด ์ƒ๋‹นํžˆ ๋งŒ์กฑ์Šค๋Ÿฝ๋‹ค.

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

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

๋งˆ์น˜๋ฉฐ

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

P.S. ์˜ค๋Š˜๋ถ€ํ„ฐ ๋ฐฐ์šด ๋‚ด์šฉ์„ TIL๋กœ ๋˜ํ•œ ์ •๋ฆฌํ•  ์ƒ๊ฐ์ด๋‹ค.

-THE END-

profile
์‚ฌ์šฉ์ž์˜ ํŽธ์˜๋ฅผ ๋” ์ƒ๊ฐํ•˜๊ณ  ํŽธ์•ˆํ•œ UI/UX ๊ฐœ๋ฐœ์„ ๊ฟˆ๊พธ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ง€๋ง์ƒ์ž…๋‹ˆ๋‹ค.

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2021๋…„ 11์›” 7์ผ

์ด ๋ธ”๋กœ๊ทธ๋ฅผ ํ†ตํ•ด ๋งŽ์€ ๋ถ„๋“ค์—๊ฒŒ ์„ ํ•œ ๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ๋˜๊ณ  ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๊ฒŒ ๋˜๊ธธ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๋‹ค^^

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ