분류 전체보기(329)
-
태스크 큐 이벤트루프(3) [ TIL ] [ Javascript ]
Problem 태스크 큐에 대해서 알아보장 Try 태스크 큐는 두가지 종류라고 한다. 첫번째는 마이크로 태스크 큐, 두번째는 태스크 큐 이렇게 두개의 태스크 큐가 존재한다. 마이크로 태스크는 자신을 생성한 함수 또는 프로그램이 종료됐고 JavaScript 실행 스택이 빈 후에, 그러나 사용자 에이전트가 스크립트 실행 환경을 운용하기 위해 사용하는 이벤트 루프로 통제권을 넘기기 전에 실행되는 짧은 함수입니다. - mdn web docs - 코드 실행 console.log("안녕하셈!"); setTimeout(() => { console.log("약 2초가 지났습니다."); }, 2000); setTimeout(() => { console.log("약 0초가 지났습니다."); }, 0); console.l..
2023.06.21 -
Web API 이벤트루프(2) [ TIL ] [ Javascript ]
Problem Web API 에 대해서 알아보장 Try Web API 는 브라우저에서 제공하는 API 로 DOM, Ajax, TimeOut 등이 있다. CallStack 에서 실행된 비동기 함수는 Web API 를 호출하고, Web API 는 콜백 함수를 테스크 큐에 넣는다. 코드 작성 console.time("첫번째 setTimeout"); console.time("두번째 setTimeout"); setTimeout(function timer() { console.log("2초가 걸릴까요?"); console.timeEnd("첫번째 setTimeout"); }, 2000); console.log("안녕하심니까"); setTimeout(function timeout() { console.log("5초가..
2023.06.20 -
호출 스택 이벤트 루프(1) [ TIL ] [ Javascript ]
Problem 호출 스택의 간단한 동작원리를 알아보장 Try 말 그대로 스택(LIFO)은 자료구조인데 호출 스택(call stack) 은 함수 호출의 실행 순서를 기록하는 스택 자료구조 이다. 함수가 호출되면 해당 함수의 실행 컨텍스트가 호출 스택의 맨 위에 추가된다고 한다. 그리고 함수 실행이 완료되면 스택에서 제거된다고한다. 호출 스택은 여러 함수들을 호출하는 스크립트에서 해당 위치를 추적하는 인터프리터(웹 브라우저의 자바스크립트 인터프리터같은) 를 위한 메커니즘입니다. 현재 어떤 함수가 동작하고 있는지, 그 함수 내에서 어떤 함수가 동작하는지, 다음에 어떤 함수가 호출되어야 하는지 등을 제어합니다. - MDN Web Docs - 실행 코드 function a() { console.log("함수 a..
2023.06.19 -
1주차 [ WIL ] [ Javascript ]
이번주에 알게된것 1. 포트란 무엇인가? https://muyeon95.tistory.com/177 PORT [ TIL ] [ TCP/IP ] Problem 생활코딩 node 책의 쿼리스트링 부분을 보면서 의문이 들었다. 그래서 포트가 뭔데? 라는 질문이 떠올랐다. Try 인터넷 프로토콜 스위트에서 포트(port)는 운영 체제 통신의 종단점이다. 이 muyeon95.tistory.com 2. JS , Map 과 Prototype https://muyeon95.tistory.com/175 Map, Prototype [ TIL ] [ Javascript ] Problem 강의를 듣고 학습하던중 Map 이 어떻게 돌아가는 녀석인지 궁금해져버렸다. Try const myMap = new Map(); con..
2023.06.18 -
ES6 [ TIL ] [ Javascript ]
ES6 문법 ES6 는 ECMAScript(JS 표준 규격을 정의하는 기구) 2015 를 가리키는 용어이고 JS 의 버전 중 하나이다. ES6 는 ES5 의 후속 버전이다. ES5 vs ES6 변수 선언 - ES5: var 키워드를 사용하여 변수를 선언 - ES6: let, const 키워드를 도입해 블록 스코프 변수를 선언 화살표 함수 - ES5: function 키워드를 사용하여 함수를 정의 - ES6: 화살표 => 를 사용하여 간결한 함수 표현식을 만든다. 클래스 - ES5: 프로토타입 기반 상속을 사용하여 클래스를 정의 - ES6: class 키워드를 도입하여 클래스 기반 상속을 지원 모듈 - ES5: 모듈 시스템을 기본적으로 지원하지 않는다. 주로 전역 객체를 통해 모듈을 정의 - ES6:..
2023.06.18 -
PORT [ TIL ] [ TCP/IP ]
Problem 생활코딩 node 책의 쿼리스트링 부분을 보면서 의문이 들었다. 그래서 포트가 뭔데? 라는 질문이 떠올랐다. Try 인터넷 프로토콜 스위트에서 포트(port)는 운영 체제 통신의 종단점이다. 이 용어는 하드웨어 장치에도 사용되지만, 소프트웨어에서는 네트워크 서비스나 특정 프로세스를 식별하는 논리 단위이다. 주로 포트를 사용하는 프로토콜은 전송 계층 프로토콜이라 하며, 예를 들어 전송 제어 프로토콜(TCP)와 사용자 데이터그램 프로토콜(UDP)가 있다. 각 포트는 번호로 구별되며 이 번호를 포트 번호라고 한다. 포트 번호는 IP 주소와 함께 쓰여 해당하는 프로토콜에 의해 사용된다. - wikipedia - 이걸로는 다 이해할 수 없었다. 왜 mdn 이고 wiki 고 찾아보면 한번에 이해가 ..
2023.06.15