Blog
HomePostsTagsCategories
© 2026 Hyeonseok An. All rights reserved.
GitHubEmailInstagram
Home
All Posts

All Posts

Discover and explore all blog posts. Use the search and filters below to find exactly what you're looking for.

Home
All Posts

All Posts

Discover and explore all blog posts. Use the search and filters below to find exactly what you're looking for.

Showing all 14 postsPage 1 of 2

AI 시대에서 개발자로 살아남기

Insight

https://youtu.be/qEF-eUaTq0Y?si=vklYYXrcUZ34xjJQ 이 영상은 스탠포드 대학교의 'The Modern Software Developer' 강의를 바탕으로, AI 시대에 소프트웨어 개발자의 역할과 생존 전략이 어떻게 변화하고 있는지...

AIDevelopInsight+1 more
March 15, 2026
Read more

라벨 기반 배포 제어 - GitHub Actions의 혁신적 활용법

DevOps

개요 모든 Pull Request마다 자동으로 배포가 실행되는 CI/CD 시스템에 지쳐 있나요? 불필요한 리소스 소모와 배포 알림에 피로감을 느끼고 계신가요? 라벨 기반 배포 제어는 이런 문제들에 대한 우아하고 혁신적인 해결책입니다.

github actionsGithubCI/CD+8 more
August 26, 2025
Read more

GitHub Flow 실전 도입 가이드 - 단순함이 주는 힘

Develop

개요 복잡한 Git Flow에 지쳐 있나요? 수많은 브랜치와 복잡한 merge 규칙 때문에 개발 속도가 느려지고 있나요? GitHub Flow는 이런 문제들에 대한 우아한 해답을 제시합니다.

TILWorkflowgithub actions+8 more
August 23, 2025
Read more

CI/CD 핵심 파일 완벽 정리: Dockerfile, Docker Compose, GitHub Actions

DevOps

개요 현대 웹 개발에서 CI/CD(Continuous Integration/Continuous Deployment)는 선택이 아닌 필수입니다. 개발자들이 코드를 푸시하면 자동으로 테스트되고, 빌드되고, 배포되는 환경을 구축하는 것이 당연한 시대가 되었죠.

TILdeploydocker+10 more
August 23, 2025
Read more

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

Develop

개요 현대 웹 개발에서 성능 최적화는 단순한 기술적 요구사항이 아닌 사용자 경험의 핵심입니다. 이 포스트에서는 Next.js 기반 블로그 프로젝트에서 실제로 진행한 성능 최적화 작업을 상세히 다룹니다.

Next.jsReactPerformance+12 more
August 22, 2025
Read more

웹 보안 완벽 가이드: CSP(Content Security Policy) 마스터하기

Security

1. CSP 이해하기: 웹 보안의 새로운 패러다임 CSP가 해결하는 핵심 문제 Content Security Policy는 현대 웹 애플리케이션이 직면한 가장 위험한 공격 중 하나인 XSS(Cross-Site Scripting)를 효과적으로 방어하는 HTTP 보안...

CSPWebSecurity+9 more
August 21, 2025
Read more

[TIL] Tag/Category URL Slug 문제 해결 학습 기록

Develop

1. 문제 정의 및 분석 1.1 발견된 문제들 이번 스프린트에서 블로그의 태그와 카테고리 URL 시스템에서 두 가지 주요 문제가 발견되었습니다.

Next.jsError HandlingSEO+5 more
August 20, 2025
Read more

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

Develop

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

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

소프트웨어 라이선스의 종류별 특징과 실무 적용 방법

Develop

개발자라면 누구나 마주하게 되는 소프트웨어 라이선스. 코드를 작성할 때, 오픈소스 라이브러리를 사용할 때, 그리고 자신의 프로젝트를 공개할 때 반드시 고려해야 하는 중요한 요소입니다.

LicenseOpen Source오픈소스+8 more
August 18, 2025
Read more

[TIL] Next.js 15 국제화(i18n), next-intl로 다국어 지원하기

Develop

웹 애플리케이션을 글로벌 서비스로 확장하려면 국제화(i18n, Internationalization)는 필수입니다. 국제화(i18n)란? 이번에 마인스위퍼 게임 프로젝트를 완전히 국제화하면서 배운 내용을 정리해보겠습니다. Next.

Next.jsUI/UXi18n+7 more
August 17, 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 완전 가이드 현대 웹 개발에서 성능은 단순히 '빠르다'와 '느리다'의 문제가 아닙니다. 사용자가 실제로 체감하는 경험을 정확히 측정하고 개선할 수 있는 구체적인 지표가 필요했죠.

Web VitalsPerformanceSEO+6 more
August 15, 2025
Read more