λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

javascript4

Node.js λ₯Ό μ΄μš©ν•˜μ—¬ μ‹€μ‹œκ°„ μ±„νŒ… μ„œλΉ„μŠ€ λ§Œλ“€κΈ° λ‹€μŒ 순으둜 λ‚΄μš©μ„ μ •λ¦¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€. 1. JavaScriptλž€ 뭘까? 2. Node.js 3. Express 4. μ±„νŒ… Server/Client κ΅¬ν˜„ν•˜κΈ° λ³Έ λ‚΄μš©μ€ μ‹€μ‹œκ°„ μ±„νŒ… μ„œλΉ„μŠ€λ₯Ό κ΅¬ν˜„ν•˜κΈ° μœ„ν•΄ μ•Œμ•„μ•Ό ν•  λ‚΄μš©μ„ μ •λ¦¬ν•œ κ²ƒμž…λ‹ˆλ‹€. Node.js이 무엇인지λ₯Ό μ΄ν•΄ν•˜κΈ° μœ„ν•΄μ„œλŠ” JavaScriptκ°€ 무엇인지 λ¨Όμ € λͺ…ν™•ν•˜κ²Œ μ •μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. 1. JavaScriptλž€ 뭘까? JavaScriptλž€, λΈŒλΌμš°μ €μ—μ„œ λ™μž‘ν•˜λŠ” ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μž…λ‹ˆλ‹€. βœ… HTML/CSSκ°€ μ›Ή λΈŒλΌμš°μ € ꡬ쑰λ₯Ό λ§Œλ“€κ³  μŠ€νƒ€μΌλ§ ν•˜κΈ° μœ„ν•œ 정적 λ§ˆν¬μ—… 언어라면, JavaScriptλŠ” 이벀트 μ²˜λ¦¬μ™€ 같은 λ™μ μœΌλ‘œ taskλ₯Ό μ²˜λ¦¬ν•˜λŠ” μŠ€ν¬λ¦½νŒ… μ–Έμ–΄μž…λ‹ˆλ‹€. λΈŒλΌμš°μ €μ—μ„œ λ™μž‘ν•˜κΈ° λ•Œλ¬Έμ— OS κΈ°λŠ₯(파일 읽기, μ“°κΈ° / λ„€νŠΈμ›Œν¬ 톡신 λ“±)에 μ•‘.. 2022. 7. 10.
λΉ„λ™κΈ°μ²˜λ¦¬λž€? 비동기 처리 객체 Promiseλž€? 1. 동기 μ²˜λ¦¬μ™€ 비동기 처리 λ™κΈ°λŠ” 순차적으둜 일을 μ²˜λ¦¬ν•˜λŠ” 방법이며, λΉ„λ™κΈ°λŠ” ν•œκΊΌλ²ˆμ— λ§Žμ€ 일을 μ²˜λ¦¬ν•  수 μžˆλŠ” λ°©λ²•μž…λ‹ˆλ‹€. 비동기 μ²˜λ¦¬κ°€ λ©€ν‹°μŠ€λ ˆλ“œλ‘œ λ™μž‘ν•œλ‹€κ³  생각할 수 μžˆμ§€λ§Œ, μ‹€μ œ μ‹±κΈ€ μ“°λ ˆλ“œλ‘œ λ™μž‘ν•©λ‹ˆλ‹€. 이해λ₯Ό 돕기 μœ„ν•΄ 동기와 비동기λ₯Ό λ‹€μŒκ³Ό 같이 μ •λ¦¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ‹±κΈ€ μŠ€λ ˆλ“œλ‘œ λ™μž‘ν•˜λŠ” λ°©μ‹μž…λ‹ˆλ‹€. λ‹€μŒ κ·Έλ¦Όμ—μ„œ 확인할 수 μžˆλ“―, 동기 μ²˜λ¦¬λŠ” CPUκ°€ Idle μƒνƒœκ°€ λ˜λ©΄μ„œ μžμ›μ„ λ‚­λΉ„ν•˜λŠ” 것을 μ•Œ 수 μžˆμŠ΅λ‹ˆλ‹€. 반면, 비동기 μ²˜λ¦¬λŠ” CPUκ°€ Idleμƒνƒœμ— λΉ μ§€μ§€ μ•Šκ²Œ ν•¨μœΌλ‘œμ¨ μžμ› λ‚­λΉ„λ₯Ό μ€„μž…λ‹ˆλ‹€. 동기: 순차적으둜 일을 처리 ν˜ΈμΆœλΆ€μ—μ„œ μ‹€ν–‰ κ²°κ³Όκ°€ λ¦¬ν„΄λ˜μ–΄μ•Ό λ‹€μŒ 일을 처리 κ°€λŠ₯ 비동기: λ³‘λ ¬μ μœΌλ‘œ 일을 처리 ν•œ λ²ˆμ— μ—¬λŸ¬ κ°€μ§€ μž‘μ—… 처리 ν˜ΈμΆœλΆ€μ˜ μ‹€ν–‰κ²°κ³Όκ°€ λ¦¬ν„΄λ˜μ§€ μ•Šμ•„λ„ λ‹€μŒ 일.. 2022. 7. 10.
Function / Scope / Arrays I organized contents by referencing the following site: https://codecademy.com/ II. Function Declaration 1) Function Declaration function hello() { console.log('Hello!'); } hello(); 1️⃣ Default parameter function hello(name='Sally') { console.log('Hello' + name); } 2️⃣ Resulting value (return) The default resuting value is undefined 2) Function Expressions const helloMessage = function(name) { c.. 2022. 6. 2.
Introduction β… . Introduction I organized contents by referencing the following site: https://codecademy.com/ Browser war Netscape made an easier scripting language for a lightweight scripting language Mocha → JavaScript 0. Entering 1) Points can be used in both the front-end and back-end integrates easily with HTML and CSS in Front-end 2) For Servers used to process and respond to front-end requests for scal.. 2022. 5. 30.