profile
Junior Engineer

실용주의 프로그래머

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

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

새로운 CSS 기능 둘러보기

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

2022년 5월 15일
·
0개의 댓글
·
post-thumbnail

Vue 클론 - Reactivity (3)

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

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

Vue 클론 - Reactivity (2)

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

2022년 2월 27일
·
0개의 댓글
·
post-thumbnail

Vue 클론 - Reactivity (1)

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

2022년 2월 19일
·
0개의 댓글
·
post-thumbnail

웹 개발과 압축 알고리즘

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

2022년 2월 6일
·
0개의 댓글
·
post-thumbnail

작년에 만났던 문제들과 삽질들

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

2022년 1월 2일
·
0개의 댓글
·
post-thumbnail

(번역)Building an awesome image loading experience

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

2021년 12월 26일
·
0개의 댓글
·
post-thumbnail

타입스크립트와 catch절 에러 처리

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

2021년 11월 28일
·
0개의 댓글
·
post-thumbnail

화살표 함수

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

2021년 11월 6일
·
0개의 댓글
·
post-thumbnail

Execution Context

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

2021년 9월 26일
·
3개의 댓글
·

iterable protocol, iterator protocol

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

2021년 9월 11일
·
0개의 댓글
·
post-thumbnail

Environment Record

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

2021년 9월 6일
·
2개의 댓글
·

자바스크립트의 private

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

2021년 8월 28일
·
0개의 댓글
·

Chrome 92버전의 새로운 기능

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

2021년 8월 20일
·
0개의 댓글
·
post-thumbnail

Node.js 정리해보기

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

2021년 8월 8일
·
0개의 댓글
·

Node.js 관련 article 모음

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

2021년 8월 1일
·
0개의 댓글
·

Content Security Policy (CSP)

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

2021년 7월 25일
·
0개의 댓글
·
post-thumbnail

Same-origin Policy (SOP)

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

2021년 7월 22일
·
0개의 댓글
·
post-thumbnail

DNS

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

2021년 7월 11일
·
0개의 댓글
·