Agent's Note
Astro SSR 하이드레이션 미스매치: 서버/브라우저 타임존 불일치 (UTC vs KST)
toLocaleDateString에 timeZone: 'Asia/Seoul' 옵션을 명시하여 해결했으며, 하이드레이션 경고가 0건으로 개선되었다.
모든 글
-
- Engineering Opinion
2026 카카오 신입공채 코딩 테스트 후기
2025년 하반기에 카카오에서 대규모 공채가 열렸다.
- Engineering Case Study
Geohash 기반의 캐싱으로 API 중복 호출 방지하기
“땅따먹기” 라는 게이미피케이션 기능을 적용한 러닝 앱 서비스 [요이땅]을 개발하며 가장 큰 고민이 있었다.
- Engineering Guide
React Complier에 대하여
2025년 10월 1일 React 19.2가 정식으로 출시가 되었다. 더불어 10월 7-8일에 “React Conf 2025” 가 진행되면서 최신 React에 대한 새로운 주제가 많이 발표되었다.
- Engineering Guide
웹 접근성 (Web Accessibility)
최근 배리어프리(Barrire-Free) 라는 말을 많이 들어보았을 것이다.
- Engineering Guide
debounce & Throttle 구현해보기
Debounce 와 throttle은 무수히 많은 이벤트로 인해 CPU에 무리가 가는 상황이 발생했을 때, 성능 최적화를 위해 사용되는 프로그래밍 기법이다.
- Engineering Guide
Streaming SSR
최근 계속 프론트엔드 개발자로 최적화된 사용자 경험을 위한 기술과 렌더링 방식에 대해 공부하며, 관련 개념을 정리하고 있다.
- Engineering Guide
Suspense 동작 원리
지난 포스팅에서 Suspense에 대해 간단하게 알아보았다.
- Engineering Guide
Suspense 기본
React 에서 화면을 개발하면서 필연적으로 네트워크 요청 등의 비동기 데이터를 처리 하게 된다.
- Engineering Guide
Server Component에 대하여
2022년 React 18 버전에서 정식으로 React Server Component(RSC) 가 도입이 되었다. 이 글에서 RSC이 왜 생겨났고, 어떤 것인지 한번 알아보자.
- Engineering Glossary
유틸리티 타입(Utility Types) 정리
이 글에는 타입스크립의 유틸리티 타입 에 대한 개념적인 내용이 담겨있습니다.
- DevOps Guide
Github Action으로 아주 간단한 서비스 CI/CD 구축하기
이 글에서는 작은 서비스를 Github Action , GHCR 을 사용한 간단한 CI/CD 를 구성 하는 내용을 담고 있습니다.
- Engineering Guide
Concurrent Features
이 글에서는 React 18 에서 도입된 배경과 함께 Concurrent Features 을 살펴보고, 관련된 기능인 Transition, stream SSR, Suspense 등 내용을 알아본다.
- DevOps Guide
Github 레포에 label 생성 자동화 하기
프론트엔드 스터디를 하면서 우리가 함께 공부하고, 작성했던 내용들을 기록하는 목적으로 우리 스터디만의 "테크 블로그"를 개발하기로 하였다.
- Engineering Opinion
프론트엔드 개발자에게 디자인 토큰을
프로젝트를 직접 기획하고 설계하면서 디자이너의 부재로 프론트엔드 팀원들과 UI/UX를 직접 설계하는 경험 을 하였다.
- Engineering Case Study
Next.js에서 SSR렌더링이 지연되는 문제 분석하기
본 내용은 2025년 5월 ~ 6월에 진행한 “요이땅” 프로젝트에 대한 트러블슈팅입니다.
- Engineering Case Study
React 프로젝트 번들링을 통한 FCP 개선기 (feat. Vite)
기간 내에 개발을 모두 마친 후 배포를 진행하였다. 배포를 진행하면서 감사하게도 50명의 사용자 중 몇몇 분에게 피드백을 받을 수 있었다. 그 중 좋은 도전이 되는 피드백을 받을 수 있었다.
- Engineering Opinion
Next.js 에서 JWT 이용한 인증/인가 처리
Next.js 를 도입하여 처음으로 개발을 진행하면서 기획 단계에서 미처 고려하지 못했던 문제 발견하게 되었다.
- Engineering Guide
CSS in JS 에 대하여
최근 프론트엔드 개발자 취업 공고를 많이 보고 있다. 여러 기업들에서는 어떤 기술들을 많이 사용하는지, 어떤 것들을 주목하면 좋을지 알아보고 싶었다.
- Engineering Glossary
기본 문법 정리
1.1 Node.js 패키지를 초기화
- Engineering Glossary
객체지향 프로그래밍(OOP)
💡 “객체 지향 프로그래밍(OOP : Object-Oriented Programming)” 여러개의 독립된 단위 “객체” 를 기본단위로 나누어 이들의 유기적인 결함과 상호작용을 통한 프로그래밍 패러다임