Learned, written
20242026
2026.10.25 | 문제해결
Beanstalk 배포 중 발생한 rpm 잠금 충돌과 OOM
Astro로 만든 페이지를 AWS Elastic Beanstalk(이하 EB)에 배포하는 과정에서 배포가 여러 차례 실패했다. 로그를 확인하며 원인을 찾고 대응한 과정을 정리했다.
2026.10.14 | 문제해결
CLS 개선하기: 레이아웃 이동 원인 분석부터 해결까지
Google Search Console에서 모바일 홈 페이지의 CLS가 0.104로, 권장 기준인 0.1을 초과한 SEO 리포트를 확인했다.
2026.09.27 | 문제해결
lottie-react가 Astro SSR에서만 터진 이유 - ESM/CJS interop 트러블슈팅
글을 설명하기 이전에 내가 헷갈려했던 부분들과 관련 개념들을 정리했다.
2026.06.19 | 문제해결
이미지 url 네트워크 탭에서 감추기
로그인 후 OTP 설정 시 백엔드가 반환하는 { qrImageUrl } 를 클라이언트에 노출하면 안 됨.
2026.03.17 | 문제해결
Fire and Forget 패턴일 때의 비동기 처리
위와 같은 api 호출하는 코드를 회사에서 발견했다.
2025.12.05 | FrontEnd
웹뷰 레이어 구조 상에서의 캐시
위치: RAM (컴퓨터/폰의 메모리)
2025.10.16 | 문제해결
리액트 컴포넌트 재사용 메커니즘와 tanstack query 캐싱 메커니즘
상품 조회 테이블에서 판매설정/전시상태 샐랙트 박스가 이전(검색 결과 직전 혹은 이전 페이지) 상태 값 참조하는 문제
2025.07.18 | 문제해결
Content Security Policy 헤더 추가 작업
요청마다 헤더에 Content-Security-Policy를 추가하여 html 문서를 응답으로 내려줌
2025.07.02 | 문제해결
커머스 웹뷰 유저 화면 리팩토링 기록
처음에는 화면을 새 API와 스타일로 옮기는 작업으로 생각했다. 하지만 컴포넌트를 열 때마다 데이터가 어디서 들어오는지부터 확인해야 했다.
2025.04.29 | FrontEnd
axios headers deep merge에 대해
axios 인스턴스를 만드는 부분 → lib/axios.js
2025.02.10 | FrontEnd
zustand 오픈소스 뜯어보기
스토어를 생성하는데 사용되는 함수(진입점)
2024.11.28 | FrontEnd
queryClient
서버 컴포넌트의 좋은 점은 중첩될 수 있고 React 트리의 여러 레벨에 존재할 수 있기 때문에 애플리케이션의 최상단이 아닌 실제로 사용되는 위치에 더 가깝게 데이터를 프리페치할…
2024.10.22 | 개발
HTTP 쿠키, 세션
브라우저에 저장되는 작은 크기의 문자열(4KB)
2024.09.26 | React
가상 돔에서의 성능 최적화
가상돔을 만들어 실제 돔에 반영할 바뀐 것을 찾을 때 ⇒ 렌더(재조정)