NextAuth 라이브러리의 토큰 갱신(refreshToken rotation) 방법과 자동 로그인 구현 방법을 소개합니다.

next-auth 라이브러리를 이용해 로그인을 구현한 내용에 대해 공유합니다.

리액트 쿼리 v4에서 새롭게 도입된 network mode에 대해 소개합니다.

현재 중고나라 웹 개발팀에서 주니어로 근무하며 새로운 서비스를 오픈하는 과정에서 고군분투하며 배운 것들을 정리한 글입니다.

💡 이 글은 Next.js 와 같은 프레임워크에서 사용하고 있는granular Chunking 전략에 대한 내용을 번역한 글입니다.

공변과 반변에 대해 정리한 블로그 글을 소개하고, 해당 블로그 내용에 대해 이해한 것들을 정리했습니다.

로그인 에러를 만나며 알게된 message 이벤트에 대해 소개합니다

Range 객체를 이용해 반응형에 따라 댓글 기능을 수정한 사례와 Range 인터페이스에서 사용한 메서드를 정리하였습니다

크로스브라우징을 하기 위해 그동안 정리했던 자료들을 공유한다

React 에서 한글 입력 시 keydown 이벤트가 중복으로 발생하는 문제를 해결하는 방법을 소개한다

이전 포스팅이에서 모듈 시스템을 사용하기 위해 webpack 이 필요한 이유와 그 설정 방법에 대해 알아보았다. 이번에는 CSS를 웹팩환경에서 사용하는 방법과 기타 유용한 플러그인 및 설정에 대해 알아본다.

리액트를 공부하고, 리액트 프로젝트를 진행하며 모듈 시스템을 이용해 컴포넌트 주도 개발을 할 때 Webpack과 같은 번들러의 역할이 중요하다는 것을 알게 되었다. 이 글을 통해서 리액트 개발 시 웹팩이 필요한 이유와 웹팩 설정 방법을 정리해본다...

글을 작성한 이유 HTML을 어느 정도 공부한 사람들이 웹 페이지에서 다른 페이지로 이동하도록 만드는 링크 버튼을 만들기 위해서는 앵커 태그(a)를 사용해야 한다는 점은 다 알고 있을 것이다. 그러나 HTML을 공부하면서 앵커 태그를 작성하여 페이지 이동을 할 경우

이벤트 루프와 관련된 포스팅을 하면서, 자바스크립트가 싱글 스레드의 비동기 방식으로 동작한는 이유가 바로 이벤트 루프 때문이라고 했는데, 이번 자바스크립트 Deep Dive 를 공부하면서 비동기를 자바스크립트에서 어떻게 지원하는지 알게 되어 이를 정리하고자 한다

자바스크립트 파일을 작성하게 되면, 하나의 전역 상태 값을 여러 개의 자바스크립트 파일이 공유하거나 참조해야 하는 경우가 존재한다. 예를 들어서 여러 개의 페이지로 구성된 웹 서비스가 있다고 가정해보자. 해당 웹 서비스의 한 개의 페이지에서 다크 모드를 적용하게 되면,

글을 작성한 이유 최근 프로그래밍 수업을 들으면서, 1명의 팀원과 페어 프로그래밍을 진행하게 되었다. 프로그래밍 구현 내용 중에, 뷰에서 변경된 상태값(State value)를 브라우저가 리랜더링 되어도 유지되도록 구현하는 문제를 발견하게 되었다. DB를 배우지 않

브라우저는 서버로부터 자원을 요청하고 이를 받아서 랜더링 엔진에 의해서 파싱 과정을 거쳐 화면에 최종 랜더링을 하게 된다. 이때 서버로부터 받아온 HTML 파일을 파싱하는 과정에서 DOM을 구성하여, HTML의 노드들의 상속 관계를 트리 구조 형태로 만든다고 배웠다.

프로트엔드 개발자는 기본적으로 웹 페이지를 개발하는 사람이다. 따라서 브라우저가 어떻게 화면을 랜더링하는지에 대한 기본적인 이해는 필수이다. 이번 글을 통해서 브라우저의 서버 요청과 응답을 받고, 서버 자원을 통해 웹 페이지를 랜더링하는 과정을 정리하고자 한다. 브라우

화살표 함수는 ES6 이후 도입되어 함수를 간편하게 정의할 수 있는 방법이다. 일반적으로 함수를 정의하는 방법이 간단하다는 것만 알고 있지만, 실제로 화살표 함수의 내부 동작 원리 역시 일반 함수 정의 방법보다 간소화 되어 있다. 따라서 화살표 함수에 대한 이해를 통해

우리가 흔히 말하는 자바스크립트는 무엇을 가르키는 것일까? 이를 이해하기 위해서 우선 ECMA Script에 대한 이해가 필요하다. ECMA Script는 95년 브렌던 아이크에 의해서 초창기 버전의 자바스크립트가 마이크로소프트와의 크로스 브라우징 이슈로 인해 비영리