불타는 키보드

콜백함수의 필요성 const fs = require('fs'); const path = require('path'); const filePath = path.join(__dirname, 'data', 'users.json'); const getUsersFromFile = () => { fs.readFile(filePath, (error, fileContent) => { if (error) return []; else return JSON.parse(fileContent); }); }; 위 코드는 유저들의 정보를 get 하는 코드입니다. 이렇게 봐서는 아무 문제도 없어 보입니다. 하지만 만약 이 코드가 100줄이 넘는 텍스트의 일부라고 가정해봅시다. 그렇다면, 예상치 못한 결과를 마주할 수도 있습니다. 왜..

언어/Javascript + Typescript 2020. 9. 16. 08:15

www.w3schools.com/jsref/obj_console.asp Console Object The Console Object Console Object The Console object provides access to the browser's debugging console. Console Object Methods Method Description assert() Writes an error message to the console if the assertion is false clear() Clears the console count() www.w3schools.com 자주 쓰이는 console 명령어 몇가지를 익혀보려 합니다. console.log console.log('야!'); 로그에 ..

언어/Javascript + Typescript 2020. 7. 23. 19:55

모듈화된 파일을 어떻게 만들고, 어떻게 불러오는지 알아보겠습니다. syntaxPractice.js 의 내용 (모듈이 될 파일) const continent = 'Asia'; const country = 'South Korea'; const city = 'Seoul'; module.exports = { continent, country, city } //or const myHomeTown = () => { return `I live in ${city}, ${country}, ${continent}` }; module.exports = myHomeTown; syntaxPractice2.js의 내용(모듈을 불러올 파일) const {continent, country, city} = require('./synt..

프레임워크+라이브러리/Express 2020. 7. 15. 23:53

Promise 의 상태 1. pending - 작업이 수행중, 즉 작업을 끝마치지 않은 상태 2. fulfilled - 작업을 성공적으로 마친 상태 3. rejected - 작업에 오류가 발생한 상태 Producer, Consumer Producer(resolve, reject) 원하는 기능을 수행하여 데이터를 생성합니다. const promise = new Promise((resolve, reject) => { resolve('successful message'); reject(new Error('failed message')); }) Comsumer(then, catch, finally) 데이터를 요구, 사용합니다. promise.then((value) => { console.log(value); }..

언어/Javascript + Typescript 2020. 7. 14. 21:33

Promise란? Promise는 우리가 콜백헬에서 허우적거릴 상황을 최소한으로 만들어줍니다. 비동기처리의 결과를 보여주는 객체형식이며 Promise의 P는 항상 대문자로, 생성자라는 걸 의미합니다. 콜백헬이 뭔가요? 아래 예시를 보면 쉽게 이해가 가실 겁니다. 예시1 예시2 위와 같은 코드는 프로세스의 성능 저하라는 단점이 있지만, 무엇보다도 본인에게도 해롭고, 코드를 공유할 동료들에게는 100배로 해롭습니다! Promise의 resolve, reject Promise로 새로운 콜백함수를 만든다면 인자는 resolve, reject가 들어옵니다. new Object를 만들던 것과 같이 Promise도 생성자이기 때문에 new Promise라는 문구를 사용합니다. Promise 사용 연습을 위해 아이디 ..

언어/Javascript + Typescript 2020. 7. 10. 03:28

이 문서는 추후 업데이트 예정입니다. 콜 스택(Call Stack) 콜 스택은 프로그램의 진행단계 중 우리의 위치를 나타내는 데이터 구조입니다. 작동되는 순서에 따라 차례대로 콜 스택에 들어가고, 값을 반환하면 콜 스택에서 지워집니다. 자바스크립트는 싱글스레드를 기반으로 하기 때문에 단 한 줄의 콜 스택만이 존재합니다. 콜 스택: 예시1 console.log('one'); console.log('two'); console.log('three'); 순서에 따른 콜 스택의 변화 console.log('one') 콜 스택에 추가 'one' 반환 후 콜 스택에서 삭제 console.log('two') 콜 스택에 추가 'two' 반환 후 콜 스택에서 삭제 console.log('three') 콜 스택에 추가 't..

언어/Javascript + Typescript 2020. 7. 7. 18:59

var, let, const var, let, const는 자바스크립트의 변수 선언 키워드입니다. 그렇다면 이들 사이에는 어떤 차이점이 존재하고, 어느때에 어느 방식으로 변수를 선언해야 할까요? 변수? 선언된 변수들은 변수가 선언된 실행 콘텍스트(execution context) 안에서 만들어집니다.(출처링크) 선언되지 않은 변수들은 항상 전역변수입니다. 이것이 무슨 말일까요? 예시를 만들어봅시다. function A(){ a = 1; var b = 1; let c = 1; const d = 1; }; A(); console.log(a); //result: 1 console.log(b); console.log(c); console.log(d); //result: Uncaught ReferenceError..

언어/Javascript + Typescript 2020. 7. 3. 01:39