개발

FSD를 위한 ESLint 플러그인 개발 일지

2025-01-31

FSD 프로젝트를 진행하면서, 수동으로 설정하는 데 불편함을 느꼈다. 제대로된 플러그인이 존재하지 않았고, 개발을 편하게 하기 위해 ESLint 모듈을 만들어보기로 했다.

캔버스와 네이버 지도 API를 연동하기 위한 과정

2024-11-20

SEO deep dive: 구글 검색엔진은 진짜 어떻게 동작할까? — SEO를 넘어 검색 시스템 자체를 이해하기

2026-05-16

구글은 단순한 검색창이 아니다. 크롤링, 인덱싱, 역색인, PageRank, 벡터 검색, RankBrain, BERT, NavBoost, Gemini AI까지 수많은 시스템이 단계적으로 협력하는 거대한 정보 검색 엔진이다. 이 글은 Next.js SEO 문제를 계기로 시작된, 현대 검색엔진 구조 전체에 대한 기술적 해부 기록이다.

유튜브와 넷플릭스, 사파리와 크롬에서 다르게 동작하는 이유

2025-07-14

사파리에서 4k가 되는 넷플릭스는 크롬에서는 1080p로 제한됩니다. 반대로, 유튜브는 크롬에서도 4k가 가능하죠. 이유가 무엇일까요? 살펴봅시다.

이벤트 처리에서 옵저버와 이벤트 핸들러의 차이를 딥다이브 해보자!

2025-06-23

이벤트 처리에서 옵저버와 이벤트 핸들러의 차이를 살펴보고, 언제 무엇을 사용해야하는 지 명확한 근거를 제시합니다.

리액트는 프레임워크인가? : 부채가 아닌 투자를 위한 질문

2024-12-24

리액트가 프레임워크인가? 라는 의문에 대한 글입니다. 또한 이를 통해 기술 부채가 아닌 기술 투자가 될 수 있게 근거를 마련하는 행위의 중요성을 서술합니다.

리액트, 그 기원을 찾아서 1부: 웹은 어떻게 ‘생각의 도구’가 되었나

2026-04-29

「리액트, 그 기원을 찾아서」는 React를 단순한 UI 라이브러리가 아니라, 웹과 컴퓨팅 역사의 긴 문제 해결 흐름 속에서 이해해보는 시리즈다. 첫 글에서는 Memex, 트랜지스터, 대화형 컴퓨팅, Licklider를 통해 웹이 어떻게 인간의 사고를 돕는 도구로 발전해왔는지 살펴본다.

해보면서 느낀 리액트 성능 최적화에 대한 고찰

2025-01-03

항해 플러스를 진행하면서 리액트 성능 최적화를 진행했습니다. 그 과정에서, 최적화를 하는 방법을 배울 수 있었습니다. 최적화 기법을 도입한 결과 성능이 좋아지기도 했지만, 저하된 경우도 있었습니다. 이에 대한 기록입니다.

리액트 개발자 도구 탐구

2025-01-02

최적화를 하기 위해서는 성능을 측정하는 방법을 알아야 한다. 동시에, 이게 어떻게 렌더링이 되며, 어떤 과정을 거쳐서 변화가 되는지도 파악할 필요가 있다. 이를 도와주는 개발자 도구에 대해서 알아보자.

리액트 훅이란?

2024-12-30

리액트 훅이 무엇인지 이해하고, 리액트 훅이 어떤 문제를 해결하고자 하는지 알아봅니다.

MDX 컴포넌트 예시

2024-12-29

MDX에서 사용할 수 있는 다양한 컴포넌트와 스타일 예시입니다.

마크다운 스타일 테스트

2024-12-29

모든 마크다운 문법과 스타일을 테스트하는 페이지입니다.