Blog
HomePostsTagsCategories
© 2026 Hyeonseok An. All rights reserved.
GitHubEmailInstagram
Home
Tags
#Optimize

#Optimize

5 posts

Develop

프론트엔드 성능 최적화 실전 가이드: Next.js 블로그에서 달성한 성과들 ⚡

개요 현대 웹 개발에서 성능 최적화는 단순한 기술적 요구사항이 아닌 사용자 경험의 핵심입니다. 이 포스트에서는 Next.js 기반 블로그 프로젝트에서 실제로 진행한 성능 최적화 작업을 상세히 다룹니다. 제한된 시간 안에서도 의미있는 성능 개선을 달성할 수 있었던 구체적인 전략과 구현 방법, 그리고 그 과정에서 학습한 실무 노하우를 공유합니다.

Next.jsReactPerformanceSEO+11 more
August 22, 2025
Read article

[TIL] Next.js 15 블로그 검색 기능 구현: 실시간 검색부터 최적화까지

Develop

Next.js 15와 TypeScript를 활용해 블로그에 강력한 검색 기능을 구현하는 과정을 상세히 정리해봤습니다. 단순한 텍스트 검색에서 시작해 다차원 필터링, 실시간 검색, 성능 최적화까지 실전에서 바로 적용할 수 있는 내용들을 다룹니다.

TILNext.jsSearch+8 more
August 19, 2025
Read more

Next.js App Router로 깔끔한 프로젝트 구조 만들기

Develop

Next.js 13에서 도입된 App Router는 단순히 새로운 라우팅 방식이 아닙니다. 프로젝트의 구조와 개발 패턴 자체를 혁신적으로 바꿔놓은 게임 체인저죠. 복잡해지기 쉬운 대규모 애플리케이션을 어떻게 체계적으로 관리할 수 있는지, 실무에서 바로 적용할 수 있는 패턴들을 정리해보겠습니다.

Next.jsApp routerOptimize+2 more
August 16, 2025
Read more

Web Vitals - 웹 성능 측정 지표

Develop

웹 성능의 새로운 기준, Web Vitals 완전 가이드 현대 웹 개발에서 성능은 단순히 '빠르다'와 '느리다'의 문제가 아닙니다. 사용자가 실제로 체감하는 경험을 정확히 측정하고 개선할 수 있는 구체적인 지표가 필요했죠. 바로 이런 필요에서 탄생한 것이 Google의 Web Vitals입니다. Web Vitals란...

Web VitalsPerformanceSEO+6 more
August 15, 2025
Read more

홈 서버의 만능 해결사, Proxmox VE

DevOps

집에서 개발 환경을 구축하거나 자체 서버를 운영하고 싶어하는 개발자들에게 Proxmox VE는 마치 보물 같은 존재입니다. VMware나 Hyper-V 같은 상용 솔루션 못지않은 성능을 무료로 제공하면서도, 홈 랩 환경에 최적화된 기능들을 갖추고 있거든요. 오늘은 이 강력한 가상화 플랫폼의 핵심 개념들을 실무 관점에서...

홈서버Proxmoxdocker+7 more
August 13, 2025
Read more

Explore Other Tags

TIL(8)Next.js(7)Front-end(6)Develop(4)DevOps(4)Web(4)github actions(3)Github(3)docker(3)Performance(3)