C-log

section27 : 비동기식 Javascript 비동기 키워드

혼프는 혼자 프로젝트의 약자이다. 혼자 프로젝트 이름은 'delivery 누가 먼저 도착하나' 이다. setTimeout을 통한 비동기적 동작을 살펴보기 위해 만든 작업이다. 어려운 코드는 아니지만 간단하게 쉽게 볼 수 있다. function delay(name) { //random time const ms = Math.floor(Math.random() * 11) * 1000 console.log(`start ${name}!! delivery need ${ms / 1000}second`) return setTimeout(() => console.log(`${name} is Arrived! ${ms}`), ms); } delay('delivery1') delay('delivery2') delay('del..

Promise와 async : 이 둘의 착각!! Promise와 async는 다른 결이 아니다. promise를 좀더 직관 적으로 보여주기 위한 도구가 바로 async인 것이다. 책이나, 강의를 보다 보면 이 둘을 분리해서 이야기 하다보니 이 둘이 다른 것으로 생각할 수 있다. 그렇지 않다는 것을 인지하고 봐야한다. Promise와 async는 비동기 프로그램에 사용되는 기술이다. Promise는 ES6에 추가된 기능이며 비동기 처리가 완료 될때 까지 기다려 주지 않고 바로 다음 코드를 실행해 버린다. 비동기 처리 결과는 Promise 객체에 담겨서 반환되며, then() 메서드와 catch() 메서드를 사용해 비동기 처리 결과를 다룰 수 있다. async/await는 ES8부터 추가된 새로운 기능으로,..

Promise는 클래스다. Promise의 객체는 비동기의 작업(task) 결과를 나타낸다. 기본 Promise의 구조 1) function print() { const print = new Promise((res) => { res("res"); }) return print; } 2) function print() { return new Promise((res) => { res("res"); }) } const printer = print(); printer.then(console.log('print')); 3) const print = new Promise((res) => { res("res"); }) print.then(success => { console.log(success) }) success에..

YouTube Link 자바스크립트 2. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 | 프론트엔드 개발자 입문편 (JavaScript ES5+)https://youtu.be/tJieVCgGzhs자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise | 프론트엔드 개발자 입문편 (JavaScript ES6)https://youtu.be/JB_yU6Oe2eE자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs | 프론트엔드 개발자 입문편 (JavaScript ES6)https://youtu.be/aoQSOZfz3vQ동작원리 : 자바스크립트 2. 콘솔에 출력, script ..

자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒 www.youtube.com Youtube채널 DreamCoding의 영상을 토대로 학습하며 기록한 것이다. 모든 부분을 다루진 않고, 재생목록의 순서로 작성할 것이 아닌 지금 나에게 필요한 부분을 기준으로 작성할 것이다. 설명보단 실습을 위주로 했던 코드를 올릴 것이며 가능한 영상에서 재공된 예시만 작성하지 않고 직접 구상하며 응용해보는 방식으로 작성할 것이다.

Topic explain class Express - Express개요 - 우리의 첫 번째 Express 앱 - 요청 및 응답 객체 요청과 요청된 경로를 가져와서 응답을 갖는 어떠한 코드에 맞추는 것을 말한다. Express 라우팅 기초 - Express 경로 매개 변수 - 쿼리 문자열 작업하기 chat gpt ref : chat gpt app.get('/search', (req, res) => { const { q } = req.query; res.send(`Search results for: ${q}`); // console.log(req.query); }) 에서 query는 어떤 걸 의미해? 그 다음으로 여기서 query가 Jquery와 연관 있어? req.query는 Express에서 클라이언트가..

Topic explain class import,export - Module.express 사용하기 npm - npm개요 패키지 설치하기 https://www.npmjs.com/ npm link ~ /이해가 잘 안감 글로벌 패키지 추가하기 npm init Package.json의 중요성 .json의 dependencies들을 유심히 보자