자바스크립트의 최신 문법은 어떻게, 어떤 기준으로 추가되는 것일까요? 1995년에 작성된 코드를 어떻게 지금까지 읽을 수 있는지, 어떻게 IoT 전구와 아이폰이 같은 자바스크립트를 쓸 수 있는지 소개해 드립니다.

클로저에 대한 설명을 일급객체와 렉시컬 스코프와 함께 정리하였으며, 사용 목적을 사례를 들어 자바스크립트에서의 클로저를 정리하였습니다.

React의 공식문서에 기반하여 리액트의 Virtual DOM 의 작동 방식과 유의사항을 정리하였습니다.

ES Module은 어떻게 등장하게 되었는지, 왜 옛 코드에는 아직도 require가 남아있고, 왜 아직도 ES Module이 아닌 CommonJS를 쓰려 하는지에 대해 포스팅하였습니다.

Unique Value를 파악하기 위해 Object 대신 Map을 선택하여 풀이한 프로그래머스 롤케이크 자르기

NextJS에서는 클라이언트 컴포넌트와 서버 컴포넌트의 경계를 나누어 각각 다른 렌더링 과정을 거친다. 이번 포스팅에서는 서버 컴포넌트와 클라이언트 컴포넌트의 렌더링 과정에 대해 공식문서를 바탕으로 정리하였다.

Virtual DOM의 비교(diffing) 알고리즘 state나 props가 갱신되어 render()가 실행되면서 리액트가 렌더링되면, 리액트는 실제 DOM 구조를 가벼운 자바스크립트 객체로 표현한 가상 DOM(리액트 엘리먼트 트리)을 생성합니다. 그리고 diffing 알고리즘을 통해 변경사항을 O(n)의 복잡도로 파악할 수 있습니다. 알고리즘의 동작원...

"리액트는 Virtual DOM을 사용하기 때문에 빠르다" 라는 말은 맞기도 하지만 틀리기도 합니다. 리액트는 왜 Virtual DOM을 사용하고, 스벨트나 SolidJS는 왜 Virtual DOM을 사용하지 않는가에 대해 작성하였습니다.

근속 2년 차 회고를 작성하던 중에 구조조정 통보를 받아 어떻게 회고를 완성해야 하나 고민했지만, 퇴사 과정에서 느낀 많은 것들을 기억하기 위해 해고 회고를 별도로 작성했다. 조금은 아이러니한 상황이지만 나름의 해프닝으로 재밌게 받아들이려 한다.

삐뚤어진 MZ 신입사원에서 신임받는 프로젝트 리더가 되기까지의 2년간의 회고📝

알고리즘 풀이 시 외워두면 편한 패턴들과 코드를 정리하였습니다. [스택, 큐, 해시, 이진탐색, DFS, BFS]

CRA → Vite Migration 빌드시간과 함께 Vite보다 CRA가 더 빠를 수 있는 상황에 대해 공유합니다.

자바스크립트의 프로토타입을 철학적으로 바라본 포스팅을 보고 정리하였습니다. (3줄요약 有)

NextJS 14버전에서 서버액션 로그인 사용 시, session 쿠키가 브라우저에 저장되지 않는 문제

지난 사이드 프로젝트에서 yml파일 하나로 React 클라이언트와 Nest 서버, MySQL 데이터베이스를 띄우려 했다. chatGPT 주도 개발로 만드려 했지만, 계속해서 발생하는 오류로 울며 겨자먹기로 도커를 공부하면서 만들었다. 비슷한 처지에 놓인 사람들에게 작게

최적화를 덮어놓고 개발을 하다보면 위에서 말한 임계치가 넘어서곤 하는데, 이때 웹페이지를 더 빠르게 할 수 있는 방법을 공유하려 한다. 어떻게 하면 더 빠르게 만들 수 있을까?

프론트엔드 실무를 진행하다 보면 어느 정도로 빠르게 만들어야 하는지 애매한 순간들이 있다. 구글 크롬에서 말하는 RAIL 성능모델로 얼마나 빨라야 하는지 알아보자.

개인 사이드 프로젝트를 구현하며 느꼈던 아쉬움을 공유하는 회고

iOS 웹뷰 환경에서 스크롤 후 뒤로가기 시, 스크롤 한 만큼의 영역에서 흰 화면이 나타나는 원인과 해결방안

Next.js 14버전의 서버컴포넌트 사용 시 발생하는"Too many connections" 오류의 원인과 해결방안을 공유합니다.