Index Librorum
§ Artes Mechanicae· 개발

개발

개발 관련 글 모음
CatalogusIndex
SchedæCards

도전과제 및 프로젝트 기록입니다.

프론트엔드 관련 기술 및 학습 기록입니다.

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

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

2026-05-16

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

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

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

2025-07-14

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

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

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

2025-06-23

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

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

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

2024-12-24

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

React 생태계와 기술에 대한 심도있는 탐구입니다.

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

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

2026-04-29

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

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

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

2025-01-03

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

리액트 개발자 도구 탐구
DEV.003

리액트 개발자 도구 탐구

2025-01-02

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

리액트 훅이란?
DEV.004

리액트 훅이란?

2024-12-30

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

웹 개발과 관련된 다양한 튜토리얼을 제공합니다.