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 기본 객체 /..
fetch 함수 : request를 보내고 response를 받는 함수request : 웹 브라우저가 서버로 보내는 요청response : 서버가 다시 보내주는 응답fetch('https://www.google.com') // then: 콜백을 등록해주는 메서드 .then((response) => response.text()) // 서버에 response가 와야지 실행되는 함수 .then((result) => {console.log(result); }); // response.txt의 리턴값은 result의 파라미터로 넘어감웹이란? 가상의 연결망 체계URL이란? 웹에 존재하는 특정 데이터를 나타내는 문자열https://www.yamdurian.com/info/info?gender=Fwww.ya..
[JS중급] JS 모듈
모듈이란? 파일을 분리해서 연관된 코드들을 묶어두는 것 | 한 파일에서 구현하고자 하는 게 더 명확해짐 | 코드 재사용 가능모듈파일의 조건모듈 스코프 : 모듈 파일들이 가지는 독립적인 스코프 | 모듈 내에서 선언한 변수, 함수는 그 모듈 안에서만 사용되어야 함 // html에서 모듈 선언: type="module" 지정 모듈 문법 // sub.jsexport const title = 'hello!';export function print(value){ console.log(value);}// main.js - 모듈 문법import {title, print} from './sub.js'print(title);이름 바꾸기// import {변수이름 as 바꿀변수이름} from 파일명import..