두리안의 공부일지

REPL : 사용자가 입력한 내용을 읽고(Read), 그 결과값을 구한 다음(Eval), 결과값을 출력(Print), 이 과정을 반복(Loop) | 짧은 코드 테스트 시 유용모듈이란? 전체를 이루는 부품 하나하나경로에 파일 이름만 적어도 됨 | 모듈 경로는 정확히 적어야 함 | require함수가 리턴하는 객체는 상수로 대입하는게 좋음(let → const) | 변수, 객체, 함수 모두 공개 가능// math-tools.jsfunction add(a, b){ return a + b;}// add함수를 외부로 공개exports.add = add;// main.js// require(): 모듈을 로드하는 함수let m = require('./math-tools');console.log(m.add(1, ..

async/await란? async(asynchronous) : 함수 안에 비동기적으로 실행할 부분이 있다는 것을 알림 → await이 있는 코드 & 함수에 Promise객체를 리턴하는 부분이 있다는 뜻await : 그 뒤에 코드를 실행하고, 그 코드가 리턴하는 Promise객체가 fulfilled/rejected 상태가 될 때까지 기다림... 해당 객체가 fulfilled 상태가 되면 그 작업성공결과를 추출해서 리턴함 | async 안에서만 사용 가능async 함수 안의 코드가 실행되다가 await을 만나면, 일단 await 뒤에 코드가 실행되고, 코드의 실행 흐름이 async 함수 바깥으로 나가서 나머지 코드를 실행 → 그 이후엔 await 뒤에 있던 Promise객체가 fulfilled 상태가 되기..

fetch함수와 비동기 실행비동기 실행: 특정 작업을 시작(리퀘스트 보내기)하고, 완벽하게 다 처리(리스폰스를 받아서 처리)하기 전에, 실행 흐름이 바로 다음 코드로 넘어가고, 나주에 콜백이 실행되는 것 | 동기 실행에 비해 한 작업을 더 빠른 시간 내에 처리 가능동기 실행: 한번 시작한 작업은 다 처리하고 나서 다음 코드로 넘어가는 것비동기 실행 출력 순서: Start! - End - fetch함수fetch함수의 then메서드는 콜백을 단지 등록만 함(바로 실행 X)그래서 End를 실행하고, 서버에 리스폰스가 도착하면 그 내용이 출력됨동기 실행 순서: Start! - fetch함수(리퀘스트보내기) - 리스폰스가 오기 전까지 코드 실행 일시 정지되고 오면 필요한 처리 수행 - Endconsole.log(..

JSON이란? JavaScript Object Notation - 정보 교환을 하기 위해 만들어진 데이터 포맷... JS 기반이라 문법 유사하지만 좀 다름각 프로퍼티의 이름을 반드시 큰따옴표로 감싸줘야 함값이 문자열인 경우, 큰따옴표를 사용해야 함JSON에서 표현할 수 없는 값 : undefined, NaN, Infinity 등주석 추가 X{ "name":"Yamdurian", "height":164, "age":25,}JSON 데이터를 객체로 변환하기 : JSON 데이터 타입은 stringfetch('https://www.google.com') .then((response) => response.text()) // JSON: JSON을 다루기 위해 사용되는 JS 기본 객체 /..