μΌ | μ | ν | μ | λͺ© | κΈ | ν |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- ν¨μ€νΈμΊ νΌμ€ μ»΄ν¨ν°κ³΅ν μμ£Όλ°
- http
- λλ¦Όμ½λ©
- HTTP μλ²½κ°μ΄λ
- μ§ κ΅¬νκΈ°
- κΉμν JPA
- js promise
- JPA μ°κ΄κ΄κ³ λ§€ν
- js array
- μ΄νν°λΈμλ°
- μ΄νν°λΈμλ° μ€ν°λ
- java
- BOJ
- Quick Sort
- λ°±κΈ°μ μ€ν°λ
- REST API
- μ΄νν°λΈμλ° μμ΄ν 59
- νλ‘κ·Έλλ¨Έμ€
- Spring Security
- μ€λ λ
- λ°±μ€
- μ΄νν°λΈμλ° μμ΄ν 60
- js api
- HTTP μλ²½ κ°μ΄λ
- κΉμν http
- μλ£κ΅¬μ‘°
- λͺ¨λμλ°μ€ν¬λ¦½νΈ
- JS λ₯λ€μ΄λΈ
- dreamcoding
- νλ‘κ·Έλλ¨Έμ€ SQL
- Today
- 19
- Total
- 10,275
λͺ©λ‘μ 체 κΈ (429)
kingsubin

λλ§λ± 보면μ ν·κ°λ¦¬λ κ±° μ°Ύλ€κ° μ 체 νλ¦ μ 리ν΄μ μ μ΄λκ³ μΆμλ° μ κΈ°μ μμ΄ λ§μ μ 체νλ§ λ©λͺ¨ν΄λλ€. κ·Όλ° λ΄κ° μ 리ν κΈ λ³΄λ 건 λ μν΄μκ³ λ€λ₯Έ μ¬λμ΄ κ³΅λΆνκΈ°μ μ μ 리λ κΈλ€ 보λ κ² λ μ’μ 보μ¬μ λ°μ μ μ΄ λκ² λ€. μΌλ¨ λμΆ© λ΄€μΌλ μ 리λ λ―Έλμ μλΉμ΄κ° μͺΌκ°μ μ²μ²ν νλ κ±Έλ‘... λΈλΌμ°μ : Chrome κΈ°μ€ μλ μλ¦¬μ¦ https://d2.naver.com/helloworld/2922312 JS Engine: V8 κΈ°μ€ https://ui.toast.com/weekly-pick/ko_20200228 https://dev.to/deepu105/demystifying-memory-management-in-modern-programming-languages-ddd https://ui..

43μ₯. Ajax 43-1. Ajaxλ? Ajax(Asynchronous JavaScript and XML)λ JSλ₯Ό μ¬μ©νμ¬ λΈλΌμ°μ κ° μλ²μκ² λΉλκΈ° λ°©μμΌλ‘ λ°μ΄ν°λ₯Ό μμ²νκ³ , μλ²κ° μλ΅ν λ°μ΄ν°λ₯Ό μμ νμ¬ μΉνμ΄μ§λ₯Ό λμ μΌλ‘ κ°±μ νλ νλ‘κ·Έλλ° λ°©μμ λ§νλ€. μ ν΅μ μΈ λ°©μ λ¨μ λ³κ²½ν νμκ° μλ λΆλΆκΉμ§ ν¬ν¨λ HTMLμ λ§€λ² λ€μ μ μ‘λ°κΈ°μ λΆνμν λ°μ΄ν° ν΅μ μ΄ λ°μνλ€. λ³κ²½ν νμκ° μλ λΆλΆκΉμ§ μ²μλΆν° λ€μ λ λλ§νλ€. νλ©΄ μ νμ΄ μΌμ΄λλ©΄ νλ©΄μ΄ μκ°μ μΌλ‘ κΉλΉ‘μ. μλ²λ‘λΆν° μλ΅μ΄ μμ λκΉμ§ λ€μ μ²λ¦¬λ λΈλ‘νΉλλ€. Ajax λ°©μ μ₯μ λ³κ²½ν λΆλΆμ κ°±μ νλ λ° νμν λ°μ΄ν°λ§ μλ²λ‘λΆν° μ μ‘λ°κΈ°μ λΆνμν λ°μ΄ν° ν΅μ λ°μνμ§ μλλ€. λ³κ²½ν νμκ° μλ λΆλΆ λ€μ λ λλ§ ..

42μ₯. λΉλκΈ° νλ‘κ·Έλλ° 42-1. λκΈ° μ²λ¦¬μ λΉλκΈ° μ²λ¦¬ JS μμ§μ λ¨ νλμ μ€ν 컨ν μ€νΈ μ€νμ κ°μ§λ€. λμμ 2κ° μ΄μμ ν¨μλ₯Ό μ€νν μ μλ€λ κ²μ μλ―Ένλ€. JS μμ§μ ν λ²μ νλμ νμ€ν¬λ§ μ€νν μ μλ μ±κΈ μ€λ λ λ°©μμΌλ‘ λμνλ€. μ±κΈ μ€λ λ λ°©μμμ μ²λ¦¬μ μκ°μ΄ 걸리λ νμ€ν¬λ₯Ό μ€ννλ κ²½μ° λΈλ‘νΉμ΄ λ°μνλ€. νμ¬ μ€ν μ€μΈ νμ€ν¬κ° μ’ λ£ν λκΉμ§ λ€μμ μ€νλ νμ€ν¬κ° λκΈ°νλ λ°©μμ synchronous μ²λ¦¬ νμ¬ μ€ν μ€μΈ νμ€ν¬κ° μ’ λ£λμ§ μμ μνλΌλ λ€μ νμ€ν¬λ₯Ό κ³§λ°λ‘ μ€ννλ λ°©μμ asynchronous μ²λ¦¬ setTimeout, setInterval, HTTP μμ², μ΄λ²€νΈ νΈλ€λ¬λ λΉλκΈ° μ²λ¦¬ λ°©μμΌλ‘ λμνλ€. 42-2. μ΄λ²€νΈ 루νμ νμ€ν¬ ν..

41μ₯. νμ΄λ¨Έ 41-1. νΈμΆ μ€μΌμ€λ§ μΌμ μκ°μ΄ κ²½κ³Όλ μ΄νμ νΈμΆλλλ‘ ν¨μ νΈμΆμ μμ½νλ €λ©΄ νμ΄λ¨Έ ν¨μλ₯Ό μ¬μ©νλ€. μ΄λ₯Ό νΈμΆ μ€μΌμ€λ§(scheduling a call) μ΄λΌ νλ€. νμ΄λ¨Έ ν¨μλ ECMAScript μ¬μμ μ μλ λΉνΈμΈ ν¨μ μλλ€. λΈλΌμ°μ νκ²½κ³Ό Node.js νκ²½μμ λͺ¨λ μ μ κ°μ²΄μ λ©μλλ‘μ νμ΄λ¨Έ ν¨μλ₯Ό μ 곡νλ€. JS μμ§μ λ¨ νλμ μ€ν 컨ν μ€νΈ μ€νμ κ°κΈ° λλ¬Έμ λ κ°μ§ μ΄μμ νμ€ν¬ λμ μ€νν μ μλ€. μ±κΈ μ€λ λλ‘ λμνλ€. μ΄λ° μ΄μ λ‘ νμ΄λ¨Έν¨μλ λΉλκΈ° μ²λ¦¬λ°©μμΌλ‘ λμνλ€. 41-2. νμ΄λ¨Έ ν¨μ delay ms λ¨μ delay default: 0 νμ΄λ¨Έκ° λ§λ£λμλ€κ³ μ½λ°± ν¨μ μ¦μ νΈμΆμ 보μ₯νμ§ μλλ€. νμ€ν¬ νμ μ½λ°± ν¨μλ₯Ό λ±λ‘νλ ..

46μ₯. μ λλ μ΄ν°μ async/await 46-1. μ λλ μ΄ν°λ? ES6μμ λμ λ generatorλ μ½λ λΈλ‘μ μ€νμ μΌμμ€μ§νλ€κ° νμν μμ μ μ¬κ°ν μ μλ νΉμν ν¨μλ€. 46-2. μ λλ μ΄ν° ν¨μμ μ μ function* ν€μλλ‘ μ μΈ, νλ μ΄μμ yield ννμ ν¬ν¨, λλ¨Έμ§λ μΌλ° ν¨μμ κ°λ€. // ex function* genDecFunc() { yield 1; } const genExpFunc = function* () { yield 1; }; const obj = { * getObjMethod() { yield 1; } }; class MyClass { * genClsMethod() { yield 1; } } // (*) μ μμΉλ function ν€μλμ ν¨μ μ΄λ¦ μ¬μ΄λ©΄..

45μ₯. νλ‘λ―Έμ€ JSλ λΉλκΈ° μ²λ¦¬λ₯Ό μν νλμ ν¨ν΄μΌλ‘ μ½λ°± ν¨μλ₯Ό μ¬μ©νλ€. μ½λ°± ν¨ν΄μ μ½λ°± ν¬λ‘ μΈν΄ κ°λ μ±μ΄ λμλ€. λΉλκΈ° μ²λ¦¬ μ€ λ°μν μλ¬μ μ²λ¦¬κ° κ³€λνλ€. μ¬λ¬ κ°μ λΉλκΈ° μ²λ¦¬λ₯Ό ν λ²μ μ²λ¦¬νλλ° νκ³κ° μλ€. ES6μμλ λΉλκΈ° μ²λ¦¬λ₯Ό μν λ λ€λ₯Έ ν¨ν΄μΌλ‘ Promise λ₯Ό λμ νλ€. Promiseμ λνμ¬ μμ보μ... 45-1. λΉλκΈ° μ²λ¦¬λ₯Ό μν μ½λ°± ν¨ν΄μ λ¨μ μ½λ°± ν¬ λΉλκΈ° ν¨μλ λΉλκΈ° μ²λ¦¬ κ²°κ³Όλ₯Ό μΈλΆμ λ°ννκ±°λ, μμ μ€μ½ν λ³μμ ν λΉν μ μλ€. λ°λΌμ λΉλκΈ° ν¨μ μ²λ¦¬ κ²°κ³Όμ λν νμ μ²λ¦¬λ₯Ό λΉλκΈ° ν¨μ λ΄λΆμμ μνν΄μΌ νλ€. μ΄ νμ μ²λ¦¬λ₯Ό μν΄ μ£Όλ‘ μ½λ°± ν¨μλ₯Ό μ λ¬νλ κ²μ΄ μΌλ°μ μ΄λ€. // λΉλκΈ° ν¨μμ μ²λ¦¬ κ²°κ³Όλ₯Ό λ€λ£¨κΈ° μν΄ μ½λ°± ν¨μλ₯Ό..

44μ₯. REST API REST(REpresentational State Transfer): HTTPλ₯Ό κΈ°λ°μΌλ‘ ν΄λΌμ΄μΈνΈκ° μλ²μ 리μμ€μ μ κ·Όνλ λ°©μμ κ·μ ν μν€ν μ² REST API: RESTλ₯Ό κΈ°λ°μΌλ‘ μλΉμ€ APIλ₯Ό ꡬνν κ² 44-1. REST APIμ κ΅¬μ± κ΅¬μ±μμ λ΄μ© ννλ°©λ² resource μμ URI(μλν¬μΈνΈ) verb μμμ λν νμ HTTP μμ² λ©μλ representations μμμ λν νμμ ꡬ체μ λ΄μ© payload 44-2. REST API μ€κ³ μμΉ URIλ 리μμ€λ₯Ό νν νμμ λν μ μλ HTTP μμ² λ©μλλ‘ 44-3. JSON Serverλ₯Ό μ΄μ©ν REST API μ€μ΅ npm json-server μ¬μ© λλΆλΆ μλ λ΄μ©μ΄λΌ μ½κΈ°λ§ νκ³ λ©λͺ¨λ μλ΅ν¨.

22μ₯. this 22-1. this ν€μλ function Circle(radius) { // μ΄ μμ μλ μμ±μ ν¨μ μμ μ΄ μμ±ν μΈμ€ν΄μ€λ₯Ό κ°λ¦¬ν€λ μλ³μ λͺ¨λ¦. ????.radius = radius; } Circle.prototype.getDiameter = function() { // μ΄ μμ μλ μμ±μ ν¨μ μμ μ΄ μμ±ν μΈμ€ν΄μ€λ₯Ό κ°λ¦¬ν€λ μλ³μ λͺ¨λ¦. return 2 * ????.radius; } const circle = new Circle(5); μμ±μ ν¨μλ₯Ό μ μνλ μμ μλ μμ§ μΈμ€ν΄μ€ μμ± μ΄μ μ΄λ―λ‘ μμ±ν μΈμ€ν΄μ€λ₯Ό κ°λ¦¬ν€λ μλ³μλ₯Ό μ μ μλ€. λ°λΌμ μμ μ΄ μν κ°μ²΄ λλ μμ±ν μΈμ€ν΄μ€λ₯Ό κ°λ¦¬ν€λ νΉμν μλ³μκ° νμνλ° μ΄λ₯Ό μν΄ JSλ this λΌλ νΉμν μλ³μλ₯Ό..