개발

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

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

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

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

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

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

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

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

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

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