🀟
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
  • JavaScriptλŠ” λ­”κ°€μš”?
  • Vanilla-JSλŠ” λ­”κ°€μš”?

Was this helpful?

01.Vanilla-JS

JavaScriptλŠ” λ­”κ°€μš”?

JavaScript λŠ” μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ‚¬μš©ν•˜κΈ° μœ„ν•˜μ—¬ λ§Œλ“€μ–΄μ§„ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μž…λ‹ˆλ‹€. 이 μ–Έμ–΄λŠ” 90λ…„λŒ€λΆ€ν„° 주둜 μ›Ή λΈŒλΌμš°μ € μƒμ—μ„œ UI λ₯Ό λ™μ μœΌλ‘œ 보여주기 μœ„ν•˜μ—¬ μ‚¬μš©μ„ ν•΄μ™”μŠ΅λ‹ˆλ‹€. κΈ°μ‘΄μ—λŠ” λΈŒλΌμš°μ €μ—μ„œλ§Œ μ‚¬μš©ν•΄μ™”λ˜ 언어인데, μ΄μ œλŠ” λ‹¨μˆœνžˆ μ›ΉνŽ˜μ΄μ§€μ—μ„œλ§Œ κ΅­ν•œλ˜μ§€ μ•Šκ³  Node.js λŸ°νƒ€μž„μ„ ν†΅ν•˜μ—¬ μ„œλ²„ μͺ½μ—μ„œλ„ μ‚¬μš©μ„ ν•  수 있게 λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μΆ”κ°€μ μœΌλ‘œ, NW.js, Electron λ“±μ˜ 도ꡬλ₯Ό μ‚¬μš©ν•˜μ—¬ λ°μŠ€ν¬νƒ‘ 앱을 λ§Œλ“€ μˆ˜λ„ 있고, react-native, NativeScript λ“±μ˜ 도ꡬλ₯Ό μ‚¬μš©ν•˜μ—¬ λͺ¨λ°”일 앱도 λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

JavaScript λŠ” λ‚˜λ‚ νžˆ λ°œμ „ν•΄ κ°€κ³  있고, λ§€λ…„λ§ˆλ‹€ μƒˆλ‘œμš΄ 문법듀도 λ‚˜μ˜€κ³  μžˆμŠ΅λ‹ˆλ‹€. μ—¬κΈ°μ„œλŠ” λͺ¨λ“  문법듀을 λ‹€λ£¨μ§€λŠ” μ•ŠμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ, μ•Œμ•„λ‘λ©΄ κ°œλ°œν•˜λŠ”λ° μΆ©λΆ„νžˆ μ“Έλͺ¨μžˆλŠ” 만큼 ν•™μŠ΅ν•˜κ²Œ λ©λ‹ˆλ‹€.

Vanilla-JSλŠ” λ­”κ°€μš”?

순수 JavaScript μž…λ‹ˆλ‹€. JavaScript μŠ€νŒ©μ— μš°λ¦¬λŠ” μ›Ή κ°œλ°œμ„ ν•  λ•Œ μ‚¬μš©ν•  κ²ƒμ΄λ‹ˆ window, document λ“± Web API κ°€ ν¬ν•¨λ©λ‹ˆλ‹€. ν•˜λ„ λ§Žμ€ js 라이브러리 λ•Œλ¬ΈμΈμ§€ 처음 Vanilla JSλΌλŠ” 이름을 λ“€μœΌλ©΄ 무슨 μƒˆλ‘œμš΄ ν”„λ ˆμž„μ›Œν¬, 라이브러리 κ°™μ•„λ³΄μž…λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ•„λ‹™λ‹ˆλ‹€. μƒˆλ‘œμš΄ ν”„λ ˆμž„μ›Œν¬, 라이브러리 κ°€ μ•„λ‹ˆκ³ , 순수 JavaScriptμž…λ‹ˆλ‹€.

PreviousBabel.JSNext01. Hello JavaScript

Last updated 5 years ago

Was this helpful?