sooleeandtomas

자바스크립트 이벤트 루프에서 마이크로 태스크, 매크로 태스크란? 우선, 자바스크립트의 이벤트 루프를 설명하고자 합니다. 참고 자바스크립트의 동작 원리: 싱글 스레드인 자바스크립트는 멀티태스킹을 못합니다. 멀티태스킹을 하기 위해서 Node.js나 브라우저, 동시성 업무가 가능한 프로그램을 호출해야 합니다. 이때 필요한 Web API를 통해 동시성 프로그램(node.js / browser) 호출합니다. 여기서 Web API에는 (Ajax, Events(onclick,onscroll...) , Timing(setTimeOut, setInterval)) 등이 있습니다. Web API는 이것을 이벤트큐 또는 마이크로테스크큐에 넣어놓습니다. 여기서 이벤트루프가 콜스텍에 자리가 비었나 확인합니다. 자리가 비었다면, ..

floating clearing을 안하면 발생하는 일! float을 사용하는 이유: 한글2020과같은 문서파일에서 텍스트들 사이에 이미지를 넣고 싶을 때, float을 사용하면 이미지들 사이에 이미지가 껴 들어갑니다. 여기서 float:left의 속성이 시작되지 않았나 하는 생각이 듭니다. 원래의 시작은 inline-block 의 단점을 보완하고자 나온 속성 인 듯합니다. 지금은 flex, gridbox와 같은 쓰기 좋은 속성들이 나왔지만, 이 전에는 float이 많이 쓰였다고 합니다. position:absolute를 사용하면 되지 않나요? position:absolute의 경우, 주변 요소들을 리사이징 할 때, 같이 reflow되지 않습니다. float의 경우, 주변 요소들을 리사이징 할 때, 같이 ..

FOUC 란? FOUC란? : Flash Of Unstyled Content 외부의 CSS가 불러오기 전에 잠시 스타일이 적용되지 않은 웹 페이지가 나타나는 현상입니다. 웹 브라우저가 웹 페이지에 스타일 정의를 부르고 적용할 때 보여지는 부분을 최대한 빨리 수정하지만, 이 변화는 짧지 않은 시간 동안 나타나므로 사용자는 페이지에 오류가 있다는 생각을 하게됩니다. FOUC가 발생하는 이유? 브라우저의 랜더링 과정 때문입니다. 브라우저렌더링과정 DOM ⇢ CSS ⇢ JS 순으로 진행되기 때문에, 번들이 되거나, CSS가 여러개일 때, CSS를 로더하기 전, HTML 이 먼저 렌더된다면, CSS없이 페이지가 랜더될 수 있는 것입니다. FOUC를 더욱 발생시키는 요소? 1. 최근의 웹 페이지들은 아래와 같은 방..

Q1. 컴퓨팅에서 이벤트란? 자바스크립트의 이벤트를 알아보기 전에, 컴퓨팅의 이벤트를 알아보도록 하겠습니다. 컴퓨팅에서 이벤트란 프로그램에 의해 감지되고 처리될 수 있는 동작이나 사건을 말합니다. 대체로 이벤트는 프로그램 동작 과정과 함께 동시에 처리되도록 되어 있습니다. 즉 프로그램은 이벤트를 처리하기 위한 하나 이상의 전용 공간(또는 핸들러)를 가지게 되는데, 보통의 경우 '이벤트 루프'라고 불리는 곳에서 이를 처리하게 됩니다. Q2. 자바스크립트에서 이벤트란? 자바스크립트는 단일 스레드 언어입니다. 보통의 컴퓨터에서의 이벤트는 멀티플레이로 진행되지만, 자바스크립트에서는 불가능합니다. 자바스크립트에서 비동기 혹은 동시성의 활동이 실행된다면, 이는 외부의 엔진을 빌려 사용하고 있는 것입니다. 자바스크립..

tsc hello.ts 파일생성 후, 아래 코드를 작성하면 hello.js파일이 생성되고, Ts파일의 내용이 컴파일 된다. tsc hello.ts --traget 만약 최신문법으로 컴파일 하고싶다면 target을 설정할 수 있다. tsc hello.ts --target es6 --lib promise , console과 같은 library를 사용해야 할 때 , typescript에서 '사용하겠다' 선언을해주어야 한다. tsc hello.ts --lib es5,es2015.promise,es2015.iterable,dom 그냥 모든 걸 통틀어서 es2015,dom 으로 축약해서 쓸 수 있다. tsc hello.ts --lib es2015,dom node 이렇게 컴파일 된 코드는 node js 에서까지 사용..

맥유저가 쓰는 brew 패키지 매니저 괜찮을까? TYPESCRIPT를 npm으로 설치했지만 'tsc' 명령어가 작동하지않았다. npm install -g typescript tsc //not work slackoverflow의 도움을 받아 brew로 typescript를 설치했더니 'tsc'명령어가 잘 작동하였다. brew install typescript tsc //work! 하지만 뭔가,, npm이라는 제대로된 페키지매니저로 설치하지 못했다는 찝찝함이 있었다. 그래서 다른 2-3정도의 아티클을 더 읽어보았다. 역시나, 그 찝찝함이 맞았다. 대부분 homebrew로 앱을 설치하는 것을 비추하는 것 같다. 그래서 일단은 brew로 설치한 typescript는 삭제하였다. (저번처럼 포맷될까봐 두려움을 앉..