‘실용주의 프로그래머 20주년 기념판’을 읽고.

최근에 State of CSS 2022를 봤는데, 거기에 소개된 기능 중 현재 최신 브라우저에서 사용해 볼 만 하면서 주관적으로 유용해 보이는 것들을 소개한다.

이번 편에서는 추가적으로 ref, computed API를 구현해보자.

이번 편에서는 자동으로 track, trigger가 호출되도록 하여 실질적으로 반응성 시스템이라고 할 수 있는 부분을 구현해보자

Vue Reactivity를 구현하기 위해 필요한 기본요소들을 구현해보자

브라우저의 개발자도구를 열심히 보다보면 네트워크 탭에서 accept-encoding 이라는 헤더를 볼 수 있다.이 헤더에 대부분 HTTP 응답 내용의 압축 알고리즘이 명시된다. 요청을 보낼 때 클라이언트가 어떤 압축 알고리즘을 수용할 수 있는지 나타내면서 서버에서 이러

캔버스로 차트를 그리는 서버를 만들 때였다. 정상적으로 그린 차트 결과물과 같은지 검사하는 테스트를 하면 효율적으로 테스트를 할 수 있을 것이라 생각했다. (나중에 알고보니 이런 테스트를 회귀 테스트라고 한다)첫 생각은 차트 결과물이 base64 문자열로 나오기 때문에

Kent C. Dodds의 Building an awesome image loading experience를 번역한 글입니다.

자바스크립트는 어떤 값이든 에러로 던질 수 있다. 그래서 타입스크립트에서는 에러가 unknown 타입으로 설정된다.

https://tc39.es/ecma262/body가 AssignmentExpression인 경우, 표현식을 바로 평가하여 리턴한다body가 ConciseBody인 경우, InstantiateArrowFunctionExpression호출한다결국 함수객체를 만들

ECMAScript의 Execution Context 직접 찾아 정리했습니다

ES2015에서 등장한 이터러블, 이터레이터 프로토콜에 대해 알아보자.

ECMAScript의 Environment Record에 대해 정리해봤습니다.

자바스크립트에서 정보를 은닉할 수 있는 방법에 대해 알아보자.

크롬 92에서 등장한 새로운 기능/기술 정리

그동안 노드를 사용하면서 습득한 것들에 대해 정리하고자 한다.

Node.js 공식문서: 이벤트 루프NHN - node.js : Server Side JavaScriptTK-one 블로그: Node.js 이벤트 루프 제대로 이해하기직방 기술블로그: NodeJS Event Loop파헤치기evan moon 블로그: 로우 레벨로 살펴보

페이지 내에서 불러오는 리소스들의 제한을 조절하는 매커니즘이다. 주로 cross-origin 스크립트의 실행을 제한한다.가장 큰 목적은 XSS 또는 코드 인젝션같은 공격들을 방어하는것이다.하지만 완전히 막는 방법은 아니며, 예방 차원으로 생각해야 한다.SOP가 제한하지

SOP에 대해 공부하며 정리한 글입니다. 자세한 내용은 레퍼런스의 링크들을 읽는 것이 좋습니다.문서 또는 스크립트가 다른 origin과 통신하는 것을 제한하는 매커니즘인터넷상의 악의적인 사이트들의 공격들을 막는데 도움이 된다.예를 들어 악의적인 웹사이트에 다음과 같은

TCP/IP 프로토콜은 인터넷 상에서 단말들을 구분하기 위해 IP 주소를 사용한다. 하지만 사람들이 IP 주소를 외우기는 어렵기 때문에 IP주소에 이름을 붙이기 시작했다. 그리고 그 이름으로 인터넷을 사용할 때 자동으로 IP주소로 바꿔주는 역할을 하는 것이 DNS(Do