๐ŸคŸ
Vanilla-JS
  • TRIPLE-PLUS Adout
  • Babel.JS
  • 01.Vanilla-JS
    • 01. Hello JavaScript
    • 02. ๋ณ€์ˆ˜
      • 02-1.์ง€ํ‚ค๋ฉด ์ข‹์€ ๋ฃฐ(๋” ์ข‹์€ ์Šคํƒ€์ผ์„ ์œ„ํ•ด์„œ)
      • 02-2.์ˆซ์žํ˜•๊ฟ€ํŒ(์ˆ˜์‹ ์ค„์ด๊ธฐ)
    • 03. ์—ฐ์‚ฐ์ž
    • 04. ์กฐ๊ฑด๋ฌธ
    • 05. ํ•จ์ˆ˜
      • this์˜ ์˜๋ฏธ 6๊ฐœ ์ด์ •๋ฆฌ
      • event listener์™€ constructor
      • 05-1. return:๋Œ๋ ค์ฃผ๋‹ค
      • 05-2. ํ˜• ๋ณ€ํ™˜ ํ•จ์ˆ˜
      • 05-3. Arrow function
    • 06. ๊ฐ์ฒด
    • 07. ๋ฐฐ์—ด
      • 07-1. ๋ฐฐ์—ด ์•ˆ์— ๋ฐฐ์—ด(2์ฐจ ๋ฐฐ์—ด)
      • 07-2. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(forEach)
      • 07-3. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(sort)
      • 07-4. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(map)
      • 07-5. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(indexOf)
      • 07-6. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(filter)
      • 07-7. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(splice, slice)
      • 07-8. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(shift, unshift, pop, push)
      • 07-9. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(concat, join)
      • 07-10. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(reduce)
      • 07-10. ๋ฐฐ์—ด๋‚ด์žฅ ํ•จ์ˆ˜(reduce)2
    • 08. ๋ฐ˜๋ณต๋ฌธ
    • 09. Class์™€ ํ”„๋กœํ† ํƒ€์ž…
      • 09-1. ํ”„๋กœํ† ํƒ€์ž…๊ณผ ํด๋ž˜์Šค - ์ƒ์„ฑ์ž
      • 09-2. ํ”„๋กœํ† ํƒ€์ž…๊ณผ ํด๋ž˜์Šค - ์ƒ์„ฑ์ž ์ƒ์†ํ•˜๊ธฐ
      • Class & Constructor & Method
      • super
      • Static Method
      • Class Getter, Setter
      • Information Hiding
      • Inheritance & Polymorphism
      • Overriding
      • Abstract Class
      • Interface
    • Math ์ •๋ฆฌ
    • String ์ •๋ฆฌ
    • Array์ •๋ฆฌ
    • Date ์ •๋ฆฌ
      • D-day ๊ตฌํ•˜๊ธฐ
  • 02.Vanilla-JS
    • 01.์‚ผํ•ญ์—ฐ์‚ฐ์ž
    • 02. Truthy and Falsy
    • 03. ๋‹จ์ถ• ํ‰๊ฐ€ ๋…ผ๋ฆฌ ๊ณ„์‚ฐ๋ฒ•
    • 04. ํ•จ์ˆ˜ ์—…๊ทธ๋ ˆ์ด๋“œ (default parameter/arguments)
    • 05. ์กฐ๊ฑด๋ฌธ ๋” ์Šค๋งˆํŠธํ•˜๊ฒŒ ์“ฐ๊ธฐ
    • 06. ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น (๊ตฌ์กฐ๋ถ„ํ•ด) ๋ฌธ๋ฒ•
    • 07. spread ์™€ rest
      • ํ•จ์ˆ˜ ํŒŒ๋ผ๋ฏธํ„ฐ์—์„œ์˜ rest(params)
      • ํ•จ์ˆ˜ ์ธ์ž์—์„œ์˜ spread
    • 08. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ Scope ์— ๋Œ€ํ•œ ์ดํ•ด
    • 09. Hoisting ์ดํ•ดํ•˜๊ธฐ
    • 10. Native DOM ์„ ํƒ
  • 03.๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ
    • 01. fetch, then, catch[Promise] ์ดํ•ดํ•˜๊ธฐ
    • 02. ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด๋Š” Promise ๊ฐ์ฒด
    • 03. async/await
    • 04. Promise all, Promise.race
  • REST API ์ œ๋Œ€๋กœ ์•Œ๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ
    • mongodb Atlas
    • mongodb Atlas(DB)์— ์ ‘๊ทผํ•˜๋ ค๋ฉด
    • URL ์ด๋ฆ„์ง“๊ธฐ ๊ด€์Šต
    • Database์— ์ž๋ฃŒ ์ €์žฅํ•˜๋Š” ๋ฒ•
    • ๊ฒŒ์‹œ๋ฌผ๋งˆ๋‹ค ๋ฒˆํ˜ธ๋ฅผ ๋‹ฌ์•„ ์ €์žฅํ•˜๊ธฐ
    • ๊ฒŒ์‹œ๋ฌผ๋งˆ๋‹ค ๋ฒˆํ˜ธ๋ฅผ ๋‹ฌ์•„ ์ €์žฅํ•˜๊ธฐ2
  • JQUERY + SCRIPT ์œ ์šฉํ•œ ์ฝ”๋“œ ์ •๋ฆฌ
  • Practice(์‹ค์Šต)
    • ์นด์šดํ„ฐ ๋งŒ๋“ค๊ธฐ
    • reduce
    • ๋ฐ์ดํ„ฐ ์ž๋ฃŒํ˜• ํ™œ์šฉํ•˜๊ธฐ1
    • ๋ฐ์ดํ„ฐ ์ž๋ฃŒํ˜• ํ™œ์šฉํ•˜๊ธฐ2
    • ๋ฐ์ดํ„ฐ ๊ฐ€์ง€๊ณ  ๋†€๊ธฐ(์‘์šฉ)1
    • ๋ฐ์ดํ„ฐ ๊ฐ€์ง€๊ณ  ๋†€๊ธฐ(์‘์šฉ)2
    • REST API
    • ๋ฐฐ์—ด ๋งŒ๋“ค๊ธฐ1
    • ๋ฐฐ์—ด ๋งŒ๋“ค๊ธฐ2
    • ๋ฐฐ์—ด ๋งŒ๋“ค๊ธฐ3
    • ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น
    • rest + spread(์‘์šฉ)1
    • rest + spread(์‘์šฉ)2
    • rest + spread(์‘์šฉ)3
    • ๋ฐ˜๋ณต๋ฌธ ๋‚ด์žฅํ•จ์ˆ˜(์‘์šฉ)1
    • ํ•จ์ˆ˜ ๊ฐ€์ง€๊ณ  ๋†€๊ธฐ(์‘์šฉ)1
    • ์„œ๋ฒ„์™€์˜ ํ†ต์‹ 1
    • ์„œ๋ฒ„์™€์˜ ํ†ต์‹ 2
    • new Promise(์‘์šฉ)2
    • new Promise(์‘์šฉ)3
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด๋ฒคํŠธ ์œ„์ž„ ํ•ต์‹ฌ ์ •๋ฆฌ
Powered by GitBook
On this page

Was this helpful?

  1. 01.Vanilla-JS

01. Hello JavaScript

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

๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋Š” ์œˆ๋„์šฐ Ctrl + Shift + I ๋˜๋Š” macOS Command + Option + I ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์—ด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Safari, FireFox ์—๋„ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹จ, ์ด ํŠœํ† ๋ฆฌ์–ผ์—์„œ๋Š” ํฌ๋กฌ์„ ์‚ฌ์šฉํ•˜๊ธฐ์— ํฌ๋กฌ ์„ค์น˜๋ฅผ ๊ถŒ์žฅ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

ํฌ๋กฌ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ Console ํƒญ์„ ์—ด๊ณ  ์ž…๋ ฅ์ฐฝ์— ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•ด๋ณด์„ธ์š”.

console.log('Hello JavaScript!');  // ๊ฒฐ๊ณผ) Hello JavaScript!

๊ฒฐ๊ณผ Hello JavaScript! ๊ฐ€ ๋ณด์—ฌ์กŒ๋‚˜์š”?

์—ฌ๊ธฐ์„œ console.log ๋Š” ์ฝ˜์†”์— ํŠน์ • ๋‚ด์šฉ์„ ์ถœ๋ ฅํ•˜๋ผ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Previous01.Vanilla-JSNext02. ๋ณ€์ˆ˜

Last updated 5 years ago

Was this helpful?