Frontend
리액트 이전의 프론트엔드 상태관리 역사 정리
리액트가 등장하기 전, 순수 JS부터 jQuery, Backbone, Knockout, AngularJS까지 상태관리가 어떻게 진화해왔는지 정리한 학습 노트다.
Blog
기술 기록
Frontend
Swiper 슬라이드 인덱스 리셋 방법
Swiper v11에서 slideTo(0)이 일으킨 페이지 스크롤 부작용을 피하려고 setTranslate + updateActiveIndex 조합으로 우회한 기록.
Frontend
인앱브라우저 환경 대응한 로그인 · 결제 플로우 설계
인스타그램·카카오톡 인앱브라우저에서 무너지던 소셜 로그인·본인인증·결제 플로우를 User-Agent 분류와 듀얼 채널 통신 패턴으로 다시 세운 작업 회고.
Frontend
Next.js SSR·SSG·ISR 렌더링 전략 정리
Pages Router 기준 SSR·SSG·ISR이 매번 헷갈렸다. 셋을 한자리에 두고 동작 방식과 트레이드오프를 정리했다.
DevOps
Vercel 계정 이전과 도메인 호출 과정 정리
프로젝트를 마치고 Vercel 계정을 클라이언트 쪽으로 넘기다 동일 도메인 에러를 만났고, 그 김에 Vercel·AWS 환경의 도메인 호출 흐름을 정리했다.
Frontend
Intersection Observer로 만든 채팅 역방향 무한 스크롤 트러블슈팅
채팅 UI에 역방향 무한 스크롤을 붙이며 scrollHeight 측정 타이밍, instant 캐스팅, overflow-anchor 대안까지 짚었다.
AWS
AWS 기초 개념 정리 — 리전부터 IAM까지
AWS를 본격적으로 다루기 전에, 리전·VPC·서브넷·EC2·IAM 같은 기본 개념을 한 줄씩 짚어 정리했다.
Frontend
performance.now()로 코드 실행 시간 측정
코드 한 블록의 실행 시간을 잴 때 performance.now()를 어떻게 쓰고, Date.now()와는 무엇이 다른지 정리했다.
DevOps
Jenkins로 git push → Kubernetes 자동 배포 연동
Jenkins로 git push부터 Kubernetes 배포까지 이어지는 CI/CD 흐름을 짚고, GitHub Webhook 연동 절차를 정리했다.
DevOps
컴파일·빌드·배포부터 CI/CD까지
컴파일·빌드·배포의 차이부터 CI, Continuous Delivery와 Continuous Deployment 구분까지 작업하며 정리한 개념 노트.