자택경비대

자바스크립트 모듈 개념정리 (AMD, CJS, ESM, UMD)

Programming

AMD

Ansynchronous Module Deifinition

  • 모듈을 비동기적으로 불러옴
  • Front-End 용으로 개발되었음

CJS

Common JS

  • Node.js의 모듈 시스템에 사용됨
  • 모듈을 동기적으로 불러옴
  • Back-End 용으로 개발되었음

ESM

ES Modules

  • 표준 자바스크립트 모듈 시스템으로 기획되었음
  • 최신 브라우저에서 대부분 지원
  • 이전의 모듈 시스템들의 장점들을 채택; CJS의 문법을 차용, AMD의 비동기 로드를 가져옴.
  • Tree-shaking 이 가능하다 (크기최적화 가능)

UMD

Universal Module Definition

  • AMD, CJS 같은 개념과는 다르게, 여러 모듈 시스템을 동작 가능하게 하는 패턴에 가깝다.
  • Front-End, Back-End 양쪽에서 사용가능.
  • Webpack이나 rollup 같은 Bundler의 fallback으로 많이 사용된다.

CSS에서 a, a[href], a:link, a:visited 의 차이

Programming

a: <a ...로 시작하는 모든 태그, 가장 포괄적인 범위를 가르킨다.
a[href]: <a href="..."> 처럼 a 태그에서 href attribute 까지 가지고 있어야한다.
a:link: href attribute가 가리키는 주소를 브라우저가 방문하지 않은 경우에만 활성화 된다.
a:visited: href attribute가 가리키는 주소를 브라우저가 방문한 경우에만 활성화 된다.

'Programming' 카테고리의 다른 글

자바스크립트 모듈 개념정리 (AMD, CJS, ESM, UMD)  (0) 2020.06.02
Bash 파일 테스트 연산자  (0) 2020.05.28
커맨드라인 팁 모음  (0) 2020.05.01
XPath 사용방법  (0) 2020.04.21
Python scrapy 사용법  (0) 2020.04.21

CURL로 SSE (Server-Sent Event) 응답 받는법

Programming

아래와 같이 옵션을 주면 에러 발생없이 서버 응답값을 보는것이 가능하다.

curl -N -m0 --ignore-content-length [SSE 소스 주소]

옵션 인자에 대한 세부 설명은 다음과 같다.

-N 버퍼링을 하지 않음

-m 전송 타임아웃 시간을 설정함

--ignore-content-length 서버의 Content-Length 응답 헤더를 무시함