Blog

기술 기록

Swiper 슬라이드 인덱스 리셋 방법

Swiper v11에서 slideTo(0)이 일으킨 페이지 스크롤 부작용을 피하려고 setTranslate + updateActiveIndex 조합으로 우회한 기록.

인스타그램·카카오톡 인앱브라우저에서 무너지던 소셜 로그인·본인인증·결제 플로우를 User-Agent 분류와 듀얼 채널 통신 패턴으로 다시 세운 작업 회고.

Pages Router 기준 SSR·SSG·ISR이 매번 헷갈렸다. 셋을 한자리에 두고 동작 방식과 트레이드오프를 정리했다.

프로젝트를 마치고 Vercel 계정을 클라이언트 쪽으로 이관하다 동일 도메인 에러를 만났고, 그 김에 Vercel·AWS 환경의 도메인 호출 흐름을 정리했다.

채팅 UI에 역방향 무한 스크롤을 붙이며 scrollHeight 측정 타이밍, instant 캐스팅, overflow-anchor 대안까지 짚었다.

AWS를 본격적으로 다루기 전에, 리전·VPC·서브넷·EC2·IAM 같은 기본 개념을 한 줄씩 짚어 정리했다.

코드 한 블록의 실행 시간을 잴 때 performance.now()를 어떻게 쓰고, Date.now()와는 무엇이 다른지 정리했다.

Jenkins로 git push부터 Kubernetes 배포까지 이어지는 CI/CD 흐름을 짚고, GitHub Webhook 연동 절차를 정리했다.

컴파일·빌드·배포의 차이부터 CI, Continuous Delivery와 Continuous Deployment 구분까지 작업하며 정리한 개념 노트.

자료구조 선택이 코드 품질을 가르는 순간들을 React 예시와 함께 짚어봤다. Map·Set·Stack·Queue·Tree를 언제 꺼내 썼는지 일지로 정리했다.