C-log

혼프는 혼자 프로젝트의 약자이다. 혼자 프로젝트 이름은 '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들을 유심히 보자

Topic explain class Node.js 노드JS는 JS의 런타임이다. JS의 이념은 무엇인가 JS에는 왜 공식판이 없는가 JS는 설치하지 않는 대신 일정한 사양을 갖추어야한다. 그것은 바로 ECMAScript사양이다. 그러면 브라우저가 JS를 실행시킨다. 그렇게 규칙을 지킨다. 브라우저는 JS를 작성하고 실행시킬 수 있는 유일한 장소이다. 하지만 phyton이나 ruby로도 웹서버나 파일 시스템의 상호작용을 할 수있는데 Node.js가 나오기 전에는 이런일을 못했다. Node는 브라우저 밖에서 작동되는 JS의 실행 환경이다.JS코드를 브라우저를 열지 않고 실행 할 수 있다.(그렇다고 똑같은 일을 할 수 있는 것은 아니다.) Node Js개요 Node의 프레임 워크는 Express이다. Node..