์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ œ๋Œ€๋กœ ๋ฐฐ์›Œ๋ณผ๋ž˜?

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ๊ธธ ์›ํ•˜๋Š” ์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•œ ๊ฐ€์žฅ ํƒ„ํƒ„ํ•œ ๊ธฐ์ดˆ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์€ ์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ผ๋Š” ์–ธ์–ด๋ฅผ ์ดํ•ดํ•˜๋Š” ์‹œ์ž‘์ ์ด ๋  ๊ฒƒ์ด๊ณ , ํ”„๋ก ํŠธ์—”๋“œ(Vue, React, Angular) ๊ฐœ๋ฐœ์ž, ์„œ๋ฒ„(Node.js) ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•œ ๊ธฐ์ดˆ๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ค€๋น„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ์„ ์ œ๋Œ€๋กœ ์ตํž ์ˆ˜ ์žˆ์–ด์š”

  • ES6 ๋ฌธ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ์–ด์š”

  • ๋ฐ”๋‹๋ผ JS

  • HTML์„ ์ปจํŠธ๋กคํ•˜๋Š” ์ธก๋ฉด์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ์–ด์š”

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ๊ธฐ์ดˆ๋ถ€ํ„ฐ ES6๊นŒ์ง€!
์ œ๋Œ€๋กœ ๋ฐฐ์›Œ ์™„๋ฒฝํ•˜๊ฒŒ ํ™œ์šฉํ•ด๋ณด์„ธ์š”โœจ

What is JavaScript?

๋ชจ๋“  ์›น ๋ธŒ๋ผ์šฐ์ €์—๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ(Interpreter)๊ฐ€ ๋‚ด์žฅ๋˜์–ด ์žˆ์–ด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์–ด์š”.

๊ฐ์ฒด ๊ธฐ๋ฐ˜ ์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ
๋‹ค์–‘ํ•œ ๋ถ„์•ผ์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ์ˆ˜ ์žˆ์–ด์š”.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ˆ์š”. ๋ชจ๋“  ์›น ๋ธŒ๋ผ์šฐ์ €์—๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ๊ฐ€ ๋‚ด์žฅ๋˜์–ด ์žˆ์–ด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์–ด์š”. ์ฆ‰ ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํƒ‘์žฌ๋œ ๋ชจ๋“  ๊ธฐ๊ธฐ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ฒŒ ๋˜๋Š” ๊ฑฐ์˜ˆ์š”. 


์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ์™œ ๋ฐฐ์›Œ์•ผ ํ• ๊นŒ์š”?

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ๊ฐœ๋ฐœ ๋ถ„์•ผ

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

JavaScript is Everywhere.

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

๊ทธ๋ž˜์„œ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ๊ณ 
์ œ๋Œ€๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ
ํ•ด์š”.


๊ธฐ์ดˆ๋ถ€ํ„ฐ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ.

์ด ๊ฐ•์˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๊ธฐ์ดˆ๋ผ๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ผ๊นŒ์š”?
ํ”ํžˆ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ๊ธฐ์ดˆ๋Š” ๊ธฐ์ดˆ ๋ฌธ๋ฒ•์„ ๋ฐฐ์šฐ๋Š” ๊ฑฐ๋ผ ์ฐฉ๊ฐ์„ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•„์š”.

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

์šฐ๋ฆฌ์—๊ฒŒ๋Š” ์ด 0์ด ์ ˆ์‹คํžˆ ํ•„์š”ํ•ด์š”. ์—ฌ๋Ÿฌ๋ถ„์ด ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž€๋‹ค๋ฉด ์ ˆ๋Œ€๋กœ ์ด 0์„ ๊ฐ„๊ณผํ•ด์„œ๋Š” ์•ˆ๋ผ์š”. ์—ฌ๋Ÿฌ๋ถ„์€ ์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ์ดˆ๋ฅผ ๋ฐฐ์šฐ๊ฒŒ ๋  ๊ฑฐ์˜ˆ์š”.

๊ธฐ์ดˆ๋Š” 0์ด๊ณ ,
์‹œ์ž‘์ ์ด์ž ๊ธฐ๋ฐ˜(Base)
์ด์—์š”.

์—ฌ๋Ÿฌ๋ถ„์€ ์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ผ๋Š” ์–ธ์–ด๋ฅผ ์ดํ•ดํ•˜๋Š” ์‹œ์ž‘์ ์— ์„œ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์ด ์•ž์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•˜๊ฒŒ ๋  ์ˆ˜๋งŽ์€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์•ž์— ๋‹น๋‹นํžˆ ๋งˆ์ฃผํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋  ๊ฑฐ์˜ˆ์š”.


์ด ๊ฐ•์˜์˜ ํŠน์ง•!

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

์ด๋ฏธ์ง€๋ฅผ ํด๋ฆญํ•˜๋ฉด github๋กœ ์ด๋™ํ•ด์š”. ์ด๋ฏธ์ง€๋ฅผ ํด๋ฆญํ•˜๋ฉด ๊นƒํ—ˆ๋ธŒ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.


๋ฌด์—‡์„ ๋ฐฐ์šฐ๋‚˜์š”?

  • ๊ฐœ๋ฐœ IDE ํˆด๋กœ๋Š” ๋น„์ฃผ์–ผ์ŠคํŠœ๋””์˜ค์ฝ”๋“œ(Visual Studio Code)๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋น„์ฃผ์–ผ์ŠคํŠœ๋””์˜ค์ฝ”๋“œ๋ฅผ ์ด์šฉํ•œ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ• ๋ฐ ์œ ์šฉํ•œ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์•Œ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•์— ๋Œ€ํ•ด ํ™•์‹คํžˆ ์ดํ•ดํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ผญ ์•Œ์•„์•ผ ํ•  ES6 ๋ฌธ๋ฒ•๊นŒ์ง€ ์ตํž ์ˆ˜ ์žˆ์–ด์š”.
  • HTML DOM์„ ํ•ธ๋“ค๋งํ•˜๊ธฐ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ๋ฒ•์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ ์ˆ˜ ์ง€์‹์„ ํ™•์ธํ•˜์„ธ์š”!

  • HTML์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ์ง€์‹์ด ์žˆ์–ด์•ผ ํ•ด์š”.
  • CSS๋ฅผ ์•Œ์•„์•ผ ํ•ด์š”. ์•„์ฃผ ์กฐ๊ธˆ.

์ด ๊ฐ•์˜๋ฅผ ๋งŒ๋“  ์‚ฌ๋žŒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

์†Œํ”„ํŠธ์›จ์–ด ๊ธฐ์ˆ ์„ ํ†ตํ•ด ์„ธ์ƒ์— ์„ ํ•œ ์˜ํ–ฅ๋ ฅ์„ ์ฃผ๊ณ  ์‹ถ์€ 22๋…„์ฐจ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž.
์ง€์‹์„ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๊ณ , ํ•ญ์ƒ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์„ ์ตํžˆ๋Š” ๊ฒƒ์„ ์ฆ๊ฒจ์š”.

๊ตญ๋‚ด์™ธ 60๊ฐœ๊ฐ€ ๋„˜๋Š” ๊ธ€๋กœ๋ฒŒ ๊ธฐ์—… ERP ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๋Š” ์ปจ์„คํ„ดํŠธ ๋ฐ ๊ฐœ๋ฐœ์ž๋กœ ํ™œ๋™ํ•˜์˜€๊ณ , ์ง์ ‘ ๊ฐœ๋ฐœํ•œ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๊ตญ๋‚ด๋Š” ๋ฌผ๋ก  ํ•ด์™ธ ์œ ์ˆ˜์˜ ๊ธฐ์—…์— ํŒ๋งค๋ฅผ ํ•œ ๊ฒฝํ—˜ ๋˜ํ•œ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”. IT ์Šคํƒ€ํŠธ์—… ๋Œ€ํ‘œ์ด์‚ฌ์ด๊ธฐ๋„ ํ•ด์š”.

๊ฐœ๋ฐœ์ž๋ฟ๋งŒ ์•„๋‹ˆ๋ผ UX ์ปจ์„คํ„ดํŠธ๋กœ, ๋•Œ๋กœ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ์ปจ์„คํ„ดํŠธ๋กœ ์ผํ•˜๋ฉด์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ์„œ๋น„์Šค ๊ฐœ๋ฐœ ์‹œ ๊ธฐํš์—์„œ ๊ฐœ๋ฐœ๊นŒ์ง€ ์ „ ๊ณผ์ •์— ๋Œ€ํ•œ ์ˆ˜๋งŽ์€ ๊ฒฝํ—˜์„ ์Œ“์•˜์Šต๋‹ˆ๋‹ค. ์ด์ œ๋Š” 20๋…„์ด ๋„˜๋Š” ์‹ค๋ฌด ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ํ›„๋ฐฐ๋“ค์—๊ฒŒ ์ •๋ง ํ•„์š”ํ•œ ๊ธฐ์ˆ , ์ •๋ง ์ œ๋Œ€๋กœ ๋œ ์ง€์‹์„ ์ „๋‹ฌํ•˜๋Š” ์‚ฌ๋ช…๊ฐ์„ ๊ฐ–๊ณ  ์ง€์‹์„ ๋‚˜๋ˆ„๋Š” ์ผ์„ ํ•˜๊ณ  ์žˆ์–ด์š”.

โ€˜๊ฐœ๋ฐœ์ž์˜ํ’ˆ๊ฒฉโ€™ ์œ ํŠœ๋ธŒ ์ฑ„๋„์— ๊ณต๊ฐœ๋œ 
โ€˜ํ•œ์‹œ๊ฐ„๋งŒ์— ๋๋‚ด๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž…๋ฌธโ€™ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ผ๋Š”
์ตœ๊ณ ์˜ ์–ธ์–ด๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”.

์ €๋Š” ์ง€๊ธˆ ์ œ๊ฐ€ ๊ฐ€์žฅ ์‚ฌ๋ž‘ํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ๊ฐ•์˜๋ฅผ ํ•  ์ˆ˜ ์žˆ์–ด์„œ ๊ฐ€์žฅ ํ–‰๋ณตํ•œ ์ˆœ๊ฐ„์„ ๋งˆ์ฃผํ•˜๊ณ  ์žˆ์–ด์š”.

์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด์„œ ์—ฌ๋Ÿฌ๋ถ„๋„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ผ๋Š” ์ตœ๊ณ ์˜ ์–ธ์–ด๋ฅผ ์‚ฌ๋ž‘ํ•˜๊ฒŒ ๋  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๐Ÿ’Œ


๋‹ค๋ฅธ ๊ฐ•์˜ ํ•จ๊ป˜ ๋ณด๊ธฐ

Vue.js ์ œ๋Œ€๋กœ ๋ฐฐ์›Œ๋ณผ๋ž˜?
๊ธฐ๋ณธ๊ธฐ๊ฐ€ ํƒ„ํƒ„ํ•œ FE ํ”„๋ ˆ์ž„์›Œํฌ ํ•™์Šต

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฒ˜์Œ ์‹œ์ž‘ํ•˜๋Š” ๋ถ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋ถ„

  • ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž(React, Angular, Vue)๊ฐ€ ๋˜๊ณ  ์‹ถ์€ ๋ถ„

  • ์„œ๋ฒ„(Node.js) ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์€ ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML

  • CSS

์•ˆ๋…•ํ•˜์„ธ์š”
๊ฐœ๋ฐœ์ž์˜ ํ’ˆ๊ฒฉ์ž…๋‹ˆ๋‹ค.

10,733

๋ช…

์ˆ˜๊ฐ•์ƒ

235

๊ฐœ

์ˆ˜๊ฐ•ํ‰

152

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

8

๊ฐœ

๊ฐ•์˜

์†Œํ”„ํŠธ์›จ์–ด ๊ธฐ์ˆ ์„ ํ†ตํ•ด ์„ธ์ƒ์— ์„ ํ•œ ์˜ํ–ฅ๋ ฅ์„ ์ฃผ๊ณ  ์‹ถ์€ 24๋…„์ฐจ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž.
์ง€์‹์„ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๊ณ  ํ•ญ์ƒ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์„ ์ตํžˆ๋Š” ๊ฒƒ์„ ์ฆ๊ฒจ์š”.

๊ตญ๋‚ด์™ธ 60๊ฐœ๊ฐ€ ๋„˜๋Š” ๊ธ€๋กœ๋ฒŒ ๊ธฐ์—… ERP ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๋Š” ์ปจ์„คํ„ดํŠธ ๋ฐ ๊ฐœ๋ฐœ์ž๋กœ ํ™œ๋™ํ•˜์˜€๊ณ , ์ง์ ‘ ๊ฐœ๋ฐœํ•œ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๊ตญ๋‚ด๋Š” ๋ฌผ๋ก  ํ•ด์™ธ ์œ ์ˆ˜์˜ ๊ธฐ์—…์— ํŒ๋งค๋ฅผ ํ•œ ๊ฒฝํ—˜ ๋˜ํ•œ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”. IT์Šคํƒ€ํŠธ์—… ๋Œ€ํ‘œ์ด์‚ฌ ์ด๊ธฐ๋„ ํ•ด์š”.

๊ฐœ๋ฐœ์ž ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, UX ์ปจ์„คํ„ดํŠธ๋กœ, ๋•Œ๋กœ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ์ปจ์„คํ„ดํŠธ๋กœ ์ผํ•˜๋ฉด์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ์„œ๋น„์Šค ๊ฐœ๋ฐœ ์‹œ ๊ธฐํš์—์„œ ๊ฐœ๋ฐœ๊นŒ์ง€ ์ „๊ณผ์ •์— ๋Œ€ํ•œ ์ˆ˜๋งŽ์€ ๊ฒฝํ—˜์„ ์Œ“์•˜๊ณ , ์ด์ œ๋Š” 20๋…„์ด ๋„˜๋Š” ์‹ค๋ฌด ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ํ›„๋ฐฐ๋“ค์—๊ฒŒ ์ •๋ง ํ•„์š”ํ•œ ๊ธฐ์ˆ , ์ •๋ง ์ œ๋Œ€๋กœ ๋œ ์ง€์‹์„ ์ „๋‹ฌํ•˜๋Š” ์‚ฌ๋ช…๊ฐ์„ ๊ฐ–๊ณ  ์ง€์‹ ๋‚˜๋ˆ”์— ์ผ์„ ํ•˜๊ณ  ์žˆ์–ด์š”.

 

  • (ํ˜„)์ฃผ์‹ํšŒ์‚ฌ ๋”๊ทธ๋ ˆ์ž‡ ๋Œ€ํ‘œ์ด์‚ฌ
  • (ํ˜„)์ฃผ์‹ํšŒ์‚ฌ ์ฌ์Šˆ์–ด CTO
  • (ํ˜„)์ฃผ์‹ํšŒ์‚ฌ ๋ฆฌํ„ด๋ฐธ๋ฅ˜ CTO
  • (ํ˜„)ํŒฌ์ž„ํŒฉํŠธ์ฝ”๋ฆฌ์•„ ์œ ํ•œํšŒ์‚ฌ ๊ธฐ์ˆ ์ „๋ฌธ์œ„์›

 

์ด๋ฉ”์ผ - seungwon.go@gmail.com

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

43๊ฐœ โˆ™ (12์‹œ๊ฐ„ 41๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

73๊ฐœ

4.9

73๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • complus4u0084๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    complus4u0084

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    98% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    You explain it so easily. I understand it very well by giving practical examples. Thank you. ^_^

    • realprogrammers
      ์ง€์‹๊ณต์œ ์ž

      Thank you for your first class review. Thank you for using the Developer's Quality Channel. We will continue to provide many good lectures in the future.

  • kimharward79829๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    kimharward79829

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    98% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    It was a great lecture that filled in the gaps I had while learning from books. I am deeply grateful to the instructor who shared not only theoretical content but also extensive practical experience.

    • realprogrammers
      ์ง€์‹๊ณต์œ ์ž

      I will continue to reward you with great lectures in the future. Thank you.

  • hackjap10150080๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    hackjap10150080

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    I liked that you focused on teaching the essential and useful grammar!!!

    • realprogrammers
      ์ง€์‹๊ณต์œ ์ž

      Thank you for your course review. I really appreciate that you found it helpful.

  • ๊น€ํƒœํฌ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๊น€ํƒœํฌ

    ์ˆ˜๊ฐ•ํ‰ 10

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    Thank you for explaining each and every one of them, including how to use it and what it is actually used for. When I study by Googling, I often have more complicated experiences because of the scattered information, but since it is all gathered together like this, it was easy to organize. I will wait for the next intermediate course. Thank you so much.

    • realprogrammers
      ์ง€์‹๊ณต์œ ์ž

      Thank you for your review. I will prepare for the intermediate course next time, which covers more practical aspects.

  • reconsequences1286๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    reconsequences1286

    ์ˆ˜๊ฐ•ํ‰ 6

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    Thank you for the great lecture!! I'm looking forward to the next intermediate lecture And if possible, please give me a Solidity lecture ^^

    • realprogrammers
      ์ง€์‹๊ณต์œ ์ž

      Yes, thank you. I will prepare a Solidity lecture as well.

๊ฐœ๋ฐœ์ž์˜ ํ’ˆ๊ฒฉ๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋น„์Šทํ•œ ๊ฐ•์˜

๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

โ‚ฉ77,000