React cache() 딥다이브: 소스 코드로 읽는 요청 단위 메모이제이션
React cache() 함수의 모든 이상한 규칙은 30여 줄짜리 구현에서 직접 따라 나온다. dispatcher, getCacheForType, WeakMap/Map 트리를 소스 레벨로 따라가며 요청 단위 메모이제이션의 동작을 끝까지 본다.
20 POSTS
Frontend 1
오래 쓸 수 있는 패키지는 무엇이 다른가
좋은 패키지는 기능뿐 아니라 의존성, 버전업, 호환성, 릴리즈 정책까지 사용자 친화적이어야 한다.
PR diff에서는 보이지 않는 비용: 우리는 사용자가 받는 코드를 리뷰하고 있지 않다
코드 리뷰가 놓치는 bundle 비용, PR에 어떻게 띄울 것인가.
◆ 디렉티브 딥다이브'use cache' 디렉티브 딥다이브: 캐시 경계의 끝까지
"use cache" 한 줄이 만드는 빌드 타임 변환, 캐시 키 직렬화, ResumeDataCache, cacheHandler, 그리고 Cache Components까지
◆ 디렉티브 딥다이브'use client' 디렉티브 딥다이브: 클라이언트 경계의 끝까지
"use client" 한 줄이 만드는 모듈 경계, 빌드 타임 변환, Flight 직렬화, 그리고 성능까지
◆ Next.js의 현주소왜 여전히 Next.js를 쓰는가
기술 우위보다 강한 전환 비용
◆ 디렉티브 딥다이브React 서버 함수 딥다이브: "use server"의 끝까지
"use server" 한 줄 뒤에서 무슨 일이 벌어지고 있는가?
Infinite Scroll의 몰락 — Google은 왜 무한 스크롤을 걷어냈는가
무한 스크롤이 UX, 성능, 접근성, 그리고 법률의 관점에서 어떻게 재평가되고 있는지 살펴본다
React Compiler 딥다이브: 원리부터 결과물까지
React Compiler가 코드를 어떻게 분석하고, 무엇을 만들어내는지 파이프라인부터 결과물까지 깊이 파헤쳐본다.
AI가 코드를 짜는 시대, 프론트엔드 엔지니어링은 어디로 가는가
AI 코딩 도구가 바꾸는 건 개발자가 아니라, 개발자가 하던 일의 형태다.
IntersectionObserver 싱글톤 패턴과 WeakMap으로 메모리 누수 방지하기
수백 개의 요소를 효율적으로 관찰하면서 메모리 누수도 방지하는 방법
- ◆ 웹 서비스 성능 분석
웹 서비스 성능 분석 (4)
나도 해볼까.. 라는 생각이 든다면 바로 지금 연락주세요!!
AI 시대에 나는 왜 책을 썼을까
🤔
"AI가 다 해주잖아?"라는 환상: FE의 본질과 AI 시대의 현실
AI가 UI 개발을 대체할 것이라는 리더십의 환상과 프론트엔드 기술에 대한 오해, 그리고 AI 시대에도 변하지 않을 프론트엔드의 본질적인 가치
프론트엔드 개발 환경의 변화와 과제: AI 도입과 리더십
AI 도입과 리더십의 기대가 맞물려 변화하는 프론트엔드 개발 환경의 주요 과제들을 진단하고, 개발자들이 이에 현실적으로 대응하며 역할을 정립해 나갈 방향을 모색합니다.
AI 시대 "프론트엔드, 정말 중요할까?" 라는 질문에 답합니다. (성능, AI, UI/UX, 그리고 미래)
AI와 B2B 환경에서도 프론트엔드는 비즈니스 가치와 직결되는 사용자 경험의 핵심이며, 그 중요성과 역할은 변하지 않기에 끊임없이 가치를 증명하고 발전해야 합니다.
프론트엔드 개발자, 3년차의 벽을 넘어: 성장의 악순환을 끊고 목표와 성취감을 찾는 법
프론트엔드 개발자가 성장 정체를 극복하고 AI 시대에도 성취감을 얻으려면, 단순 업무를 넘어 깊이 있는 기술적 도전과 끊임없는 학습을 추구하는 주도적인 성장 문화를 만들어가야 합니다.
AI가 코드를 작성해 주는 시대, 프론트엔드 개발자인 나는 무엇을 해야 할까?
미래는 나도 모르겠지만, 그냥 열심히 개발하면 되지 않을까?
- ◆ 웹 서비스 성능 분석
웹 서비스 성능 분석 (1)
관심 가져주셔서 감사합니다. 🎉
웹사이트 성능에 고민이 있는 서비스를 찾습니다.
🤔