Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์œค์žฌ์„ฑ์˜ ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” JavaScript Tutorials

JavaScript ์–ธ์–ด์— ๋Œ€ํ•œ ๊ฐœ์š”, ๊ธฐ์ดˆ ๋ฌธ๋ฒ•, ์ œ๊ณต ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊นŒ์ง€ JavaScript์— ๋Œ€ํ•œ ์ „๋ฐ˜์ ์ธ ๋‚ด์šฉ์„ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Thumbnail

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

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

  • JavaScript์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•

  • ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

  • DOM ๋ฐ BOM ์กฐ์ž‘

  • JavaScript ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •

์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” JavaScript Tutorials

2008๋…„ ์ดํ›„ HTML5์˜ ์ค‘์š”์„ฑ์ด ๋Œ€๋‘๋˜๊ณ  ์„œ๋ฒ„์ธก ๋งŒํผ ํด๋ผ์ด์–ธํŠธ์ธก๋„ ๋งค์šฐ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.์„œ๋ฒ„์ชฝ์€ JSP, PHP, ASP ๋“ฑ์„ ์ด์šฉํ•ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ํด๋ผ์–ธํŠธ์ธก์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.ํด๋ผ์ด์–ธํŠธ ์ธก ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์›ํ•œ๋‹ค๋ฉด ๋ฐ˜๋“œ์‹œ JavaScript๋ฅผ ์ด์šฉํ•ด์•ผ ํ•˜๋ฉฐ HTML5์— ์ƒˆ๋กญ๊ฒŒ ์ถ”๊ฐ€๋œ ๊ธฐ๋Šฅ์„๋‹ค์–‘ํ•˜๊ฒŒ ์ด์šฉํ•˜๋ ค๋ฉด ๋ฐ˜๋“œ์‹œ JavaScript๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

JavaScript๋Š” ํด๋ผ์ด์–ธํŠธ์ธก ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ด๋ฉฐjQuery, ExtJS ๋“ฑ๊ณผ ๊ฐ™์€ ํด๋ผ์ด์–ธํŠธ ์ธก๋ฉด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๊ทผ๊ฐ„์ด ๋˜๋Š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ์›น ๊ฐœ๋ฐœ์ž๋ผ๊ณ  ํ•œ๋‹ค๋ฉด๋ฐ˜๋“œ์‹œ JavaScript์— ๋Šฅ์ˆ™ํ•ด์•ผ ํ•˜๋ฉฐ ํ˜„์—…์—์„œ์˜ ๋ชจ๋“  ๊ธฐ์ˆ ์ด JavaScript์— ๊ทผ๊ฐ„์„ ๋‘๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณธ ๊ฐ•์ขŒ์—์„œ๋Š”JavaScript๋Š” ์‰ฝ๊ฒŒ ์žฌ๋ฏธ์žˆ๊ฒŒ ํ•™์Šต ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ „๋ฐ˜์ ์ธ ๋‚ด์šฉ์„ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 ํ•™์Šต ๋ชฉํ‘œ

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

  • ํ•™์Šต ํ›„์—๋Š” jQuery, BootStrap ๋“ฑ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์„œ๋ฒ„ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ node js๋„ ํ•™์Šตํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 ๋„์›€์ด ๋˜๋Š” ๋ถ„๋“ค

  • ๋Œ€ํ•™์ƒ, ์ผ๋ฐ˜์ธ, ๊ฐœ๋ฐœ์ž ๋“ฑ JavaScript ์— ๋Œ€ํ•ด ๊ด€์‹ฌ์ด ์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ๋Œ€์ƒ์ด ๋ฉ๋‹ˆ๋‹ค.
  • ์›น ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ์ด ์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฐธ๊ณ  ์‚ฌํ•ญ

  • ์›น ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ์ด ์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ง€์‹๊ณต์œ ์ž ์†Œ๊ฐœ

์œค์žฌ์„ฑ

๊ตญ๋‚ด IT ์ดˆ์ฐฝ๊ธฐ ๋ชจ๋ฐ”์ผ ์ฝ˜ํ…์ธ  ๊ฐœ๋ฐœ ๋ถ€ํ„ฐ ํ˜„์žฌ ์•ˆ๋“œ๋กœ์ด๋“œ,์•„์ดํฐ ์•ฑ๊ฐœ๋ฐœ ๋ฐ ๋‹ค์–‘ํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋Œ€ํ•ด์„œ ๊ฐœ๋ฐœ ๋ฐ ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.ํ˜„์žฌ๋Š” (์ฃผ)์†Œํ”„ํŠธ์บ ํผ์Šค ๊ฐœ๋ฐœ ์ด์‚ฌ๋กœ ์žฌ์งํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ฒฝ๋ ฅ
- SKT "์•„์ผ๋žœ๋“œ ์–ด๋“œ๋ฒค์ณ" ๋ชจ๋ฐ”์ผ ์ฝ˜ํ…์ธ  ๊ฐœ๋ฐœ ๋Ÿฐ์นญ
- KT " ํ€ด์ฆˆ์‚ฌ์ปค" ๋ชจ๋ฐ”์ผ ์ฝ˜ํ…์ธ  ๊ฐœ๋ฐœ ๋Ÿฐ์นญ
- SK "๋ชจ๋ฐ”์ผ ๊ณต์ธ์ค‘๊ฐœ์‚ฌ" ๋Ÿฐ์นญ
- ์•„์ดํฐ "ํ•œ์žํ†ต" ์•ฑ๊ฐœ๋ฐœ
- ์•„์ดํฐ "ํ—ฌ์Šค ํŠธ๋ ˆ์ด๋‹" ์•ฑ๊ฐœ๋ฐœ
- KT/SK ๋ฐ์ผ์ฆˆ ์˜ค๋ธŒ ์ฝ”๋ชฌ์ฆˆ ์ฝ˜ํ…์ธ  ๊ฐœ๋ฐœ
- KT ๋ฏธ๋‹ˆ ๊ฒŒ์ž„(์•ผ๊ธˆ์•ผ๊ธˆ ๋•…๋”ฐ๋จน๊ธฐ, ์•Œ๋ผ๋”˜์˜ ์š”์ˆ ๋žจํ”„,๋ฏธ์Šคํ„ฐ๋ฆฌ ๋ธ”๋กํƒ์ •๋‹จ,BUZZ and BUZZ)๊ฐœ๋ฐœ

๊ฐ•์˜ ๊ฒฝ๋ ฅ
์‚ผ์„ฑ๋ฉ€ํ‹ฐ์บ ํผ์Šค,๋ถ€์‚ฐ์ •๋ณด์‚ฐ์—…์ง„ํฅ์›,์ „์ฃผ์ •๋ณด๋ฌธํ™”์‚ฐ์—…์ง„ํฅ์›,์ธ์ฒœ์ •๋ณด์‚ฐ์—…์ง„ํฅ์›, ํ•œ๊ตญ์ „ํŒŒ์ง„ํฅ์›, SK C&C, T ์•„์นด๋ฐ๋ฏธ,ํ•œ๊ตญ๋กœ๋ด‡์‚ฐ์—…์ง„ํฅ์›,๋Œ€์ „ ETRI,์‚ผ์„ฑ์ „์ž,nica ๊ต์œก์„ผํ„ฐ,ํ•œ๊ตญ์ƒ์‚ฐ์„ฑ๋ณธ๋ถ€,ํ•œํ™” S&C๋“ฑ ๊ตญ๋‚ด ์œ ๋ช… ๊ธฐ์—… ํ˜„์ง ์žฌ์ž‘์ž ๋ฐ ๋ฏธ์ทจ์—…์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ๊ฐ•์˜๋ฅผ 18๋…„์ฐจ ๊ฐœ๋ฐœ ๊ณผ ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ•์˜ ์ฝ˜ํ…์ธ 
- Start Google Angular.js (์•ต๊ทค๋Ÿฌ) ๊ณผ์ •
- Bootstrap 4 & 3 Framework Tutorial
- ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” JavaScript Tutorials
- ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” jQuery Programming
- ์ฒ˜์Œ ์‹œ์ž‘ํ•˜๋Š” CSS & CSS3
- ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” HTML & HTML5 Tutorials
- node.js server Tutorials(Node.js ์„œ๋ฒ„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ณผ์ •)
- ์ฝ”ํ‹€๋ฆฐ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ธฐ๋ณธ 1๋‹จ๊ณ„(Kotlin for Android: Beginner one step)
- ์ฝ”ํ‹€๋ฆฐ ์•ˆ๋“œ๋กœ์ด๋“œ ์‹ฌํ™” 2๋‹จ๊ณ„ (Kotlin for Android: Deepening course)
- ์ฝ”ํ‹€๋ฆฐ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ณ ๊ธ‰ 3๋‹จ๊ณ„ (Kotlin for Android: 3 step final course)
- Oracle SQL Database 11g PL/SQL Developer(์˜ค๋ผํด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค 11G)
- ์ฒ˜์Œ ์‹œ์ž‘ํ•˜๋Š” MySQL DataBase
- ์ฒ˜์Œ ์‹œ์ž‘ํ•˜๋Š” C Programming
- ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” Google ๊ณต์‹ ๊ฐœ๋ฐœ ์–ธ์–ด Kotlin(์ฝ”ํ‹€๋ฆฐ)
- ์ฒ˜์Œ์‹œ์ž‘ํ•˜๋Š” ํŒŒ์ด์ฌ(Python)

๊ฐ•์˜ ๋ถ„์•ผ

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

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

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

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๋ณด์ž

  • ์›น ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ๋žŒ

  • JavaScript๋ฅผ ์ฒ˜์Œ ๋ฐฐ์šฐ๋Š” ์‚ฌ๋žŒ

  • ์‹ค์Šต์„ ํ†ตํ•ด ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ

์•ˆ๋…•ํ•˜์„ธ์š”
์†Œํ”„ํŠธ์บ ํผ์Šค์ž…๋‹ˆ๋‹ค.

14,848

๋ช…

์ˆ˜๊ฐ•์ƒ

743

๊ฐœ

์ˆ˜๊ฐ•ํ‰

589

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

36

๊ฐœ

๊ฐ•์˜

๊ณต๋™ ์ง€์‹๊ณต์œ ์ž

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

์ „์ฒด

28๊ฐœ โˆ™ (4์‹œ๊ฐ„ 54๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

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

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ