
실무에서 흔히 보이지만 개인적으로 싫어하는 프론트엔드 패턴들
많은 프로젝트에서 당연하게 사용되지만, 개인적으로 피하고 싶은 프론트엔드 패턴들을 실무 경험을 바탕으로 정리합니다.
다양한 주제를 글 형식으로 정리한 기록입니다.
문제 해결 과정, 기술적 고민, 그리고 경험을 바탕으로 한 생각을 담고 있습니다.

많은 프로젝트에서 당연하게 사용되지만, 개인적으로 피하고 싶은 프론트엔드 패턴들을 실무 경험을 바탕으로 정리합니다.

정직원일 때와 프리랜서로 일할 때 경험한 두 가지 Jira 운영 방식을 비교합니다. 같은 도구를 써도 팀마다 티켓을 관리하는 방식이 완전히 다를 수 있습니다.

내가 Tailwind CSS를 선호하는 이유. 격리, 지속 가능성, 그리고 AI와의 궁합.

에디터 도입을 계기로 저장 구조를 고민하며, 정형화된 JSON/AST 구조가 아닌 Markdown 기반 저장 방식에 대해 다시 생각하게 된 과정을 정리합니다.

정직원 연봉 1억과 프리랜서 매출 1억의 실수령 구조를 비교하고, 청년최초창업 감면과 경비 처리에 따라 실제 손에 남는 금액이 어떻게 달라지는지 정리합니다.

Handshake 패턴을 활용하여 WebView와 네이티브 앱 간 메시지 유실 없이 안정적인 브리지 통신을 구현하는 방법을 소개합니다.

Next.js에서 fetch와 axios의 캐싱 동작 차이를 비교하고, React cache()를 활용한 API 최적화 방법을 실제 테스트 프로젝트와 로그 결과를 통해 살펴봅니다.

GitHub Actions의 캐시 격리와 restore-keys를 활용한 Next.js 프로젝트 빌드 최적화 전략을 정리합니다.

클립보드에 데이터를 복사할 때 실제로 어떤 일이 일어나는지, 그리고 환경에 따라 붙여넣기 동작이 달라지는 이유를 살펴봅니다.

Next.js를 실제 프로덕션에서 사용하면서 겪은 단점과 한계점들을 정리합니다.

Next.js 15.5에서 Middleware가 Node.js 런타임을 지원하게 되면서 변경된 점과 cache 공유 여부를 직접 테스트해본 결과를 공유합니다.

회사에서 협업하며 만난 동료 개발자들의 코드에서 배운 점들을 정리합니다. 실용적인 코드 스타일, 설계 방식, 디버깅 팁 등 실제 업무에서 유용했던 내용을 담았습니다.

프론트엔드 개발자가 맥북을 새로 설정할 때 반복되는 환경 이슈를 줄이기 위해, Homebrew·키 설정·nvm/jenv 등 필수 구성과 ‘이 방법을 택한 이유’까지 함께 정리합니다.

Next.js MDX 블로그 구축 시 사용되는 Unified 생태계와 remarkPlugins와 rehypePlugins 추천 목록과 실제 적용 방법을 상세히 다룹니다.

기술 블로그를 운영하면서 겪은 다양한 일들과 개선 과정을 기록합니다.

많은 프로젝트에서 당연하게 사용되지만, 개인적으로 피하고 싶은 프론트엔드 패턴들을 실무 경험을 바탕으로 정리합니다.

정직원일 때와 프리랜서로 일할 때 경험한 두 가지 Jira 운영 방식을 비교합니다. 같은 도구를 써도 팀마다 티켓을 관리하는 방식이 완전히 다를 수 있습니다.

내가 Tailwind CSS를 선호하는 이유. 격리, 지속 가능성, 그리고 AI와의 궁합.

에디터 도입을 계기로 저장 구조를 고민하며, 정형화된 JSON/AST 구조가 아닌 Markdown 기반 저장 방식에 대해 다시 생각하게 된 과정을 정리합니다.

정직원 연봉 1억과 프리랜서 매출 1억의 실수령 구조를 비교하고, 청년최초창업 감면과 경비 처리에 따라 실제 손에 남는 금액이 어떻게 달라지는지 정리합니다.

Handshake 패턴을 활용하여 WebView와 네이티브 앱 간 메시지 유실 없이 안정적인 브리지 통신을 구현하는 방법을 소개합니다.

Next.js에서 fetch와 axios의 캐싱 동작 차이를 비교하고, React cache()를 활용한 API 최적화 방법을 실제 테스트 프로젝트와 로그 결과를 통해 살펴봅니다.

GitHub Actions의 캐시 격리와 restore-keys를 활용한 Next.js 프로젝트 빌드 최적화 전략을 정리합니다.

클립보드에 데이터를 복사할 때 실제로 어떤 일이 일어나는지, 그리고 환경에 따라 붙여넣기 동작이 달라지는 이유를 살펴봅니다.

Next.js를 실제 프로덕션에서 사용하면서 겪은 단점과 한계점들을 정리합니다.

Next.js 15.5에서 Middleware가 Node.js 런타임을 지원하게 되면서 변경된 점과 cache 공유 여부를 직접 테스트해본 결과를 공유합니다.

회사에서 협업하며 만난 동료 개발자들의 코드에서 배운 점들을 정리합니다. 실용적인 코드 스타일, 설계 방식, 디버깅 팁 등 실제 업무에서 유용했던 내용을 담았습니다.

프론트엔드 개발자가 맥북을 새로 설정할 때 반복되는 환경 이슈를 줄이기 위해, Homebrew·키 설정·nvm/jenv 등 필수 구성과 ‘이 방법을 택한 이유’까지 함께 정리합니다.

Next.js MDX 블로그 구축 시 사용되는 Unified 생태계와 remarkPlugins와 rehypePlugins 추천 목록과 실제 적용 방법을 상세히 다룹니다.

기술 블로그를 운영하면서 겪은 다양한 일들과 개선 과정을 기록합니다.