전체 글

글 목록

게시된 글 36편 · 1/4 페이지 · 날짜 최신순

2026년 9월 29일Nextjs · CSP · nonce
Next.js CSP nonce 적용 시 정적 렌더링과 캐시가 바뀌는 이유
Next.js에서 CSP nonce를 적용하면 요청마다 고유한 nonce 값을 생성해야 하므로 빌드 시점에 HTML을 미리 만드는 정적 렌더링(Static Rendering)이 불가능해지고, 동적 렌더링(Dynamic Rendering)으로 전환되면서 캐시 전략도 함께 변경된다.
2026년 9월 25일Nextjs · use · cache와
Next.js use cache와 cacheLife로 캐시 수명을 설계하는 방법
Next.js의 use cache 지시자와 cacheLife 함수를 사용하면 함수나 컴포넌트의 캐시 수명을 명시적으로 제어할 수 있다. use cache로 캐싱 대상을 지정하고, cacheLife로 재검증 주기와 만료 시간을 설정하는 것이 핵심이다.
2026년 9월 23일Cloudflare · R2 · Presigned
Cloudflare R2 Presigned URL로 브라우저 직접 업로드 구현하기
서버를 거치지 않고 브라우저에서 Cloudflare R2로 파일을 직접 업로드하려면 백엔드에서 Presigned URL을 생성해 클라이언트에 전달하고, 클라이언트는 해당 URL로 PUT 요청을 보내면 된다. 이 방식은 서버 대역폭을 절약하고 업로드 속도를 높이며, URL에 만료 시간과
2026년 9월 23일GitHub · Actions · 재사용
GitHub Actions 재사용 워크플로와 Composite Action 선택 기준
GitHub Actions에서 재사용 가능한 워크플로(Reusable Workflow)와 Composite Action은 모두 반복되는 CI/CD 로직을 재사용하기 위한 메커니즘이며, 선택 기준은 호출 위치(워크플로 레벨 vs 스텝 레벨)와 필요한 제어 범위(Job 단위 vs Step
2026년 9월 23일GitHub · Actions · OIDC로
GitHub Actions OIDC로 장기 클라우드 시크릿을 없애는 방법
GitHub Actions에서 AWS, Azure, GCP 같은 클라우드에 배포할 때 Access Key나 Service Account 키를 Repository Secret에 저장하는 방식은 보안 위험이 크다. 키가 유출되면 공격자가 클라우드 리소스를 자유롭게 조작할 수 있고, 키 교체
2026년 9월 23일Nextjs · 환경 · 변수가
Next.js 환경 변수가 브라우저에 노출되는 기준과 NEXT_PUBLIC_ 안전 사용법
Next.js는 빌드 시점에 NEXTPUBLIC 접두사가 붙은 환경 변수만 클라이언트 번들에 포함시켜 브라우저에 노출하고, 접두사가 없는 변수는 서버 환경에서만 접근 가능하도록 분리합니다.
2026년 9월 23일Nextjs · Route · Handler
Next.js Route Handler GET 캐시가 적용되지 않을 때 force-static 점검 체크리스트
현재 Next.js App Router의 Route Handler는 기본적으로 캐시되지 않습니다. GET 응답을 정적으로 캐시하려면 export const dynamic = 'force-static'처럼 명시적으로 선택해야 합니다. 이때 export const dynamic = 'for
2026년 9월 22일GitHub · Actions · Cache와
GitHub Actions Cache와 Artifact 차이와 선택 기준
GitHub Actions에서 Cache는 워크플로우 실행 간 의존성 파일을 재사용하기 위한 임시 저장소이고, Artifact는 워크플로우 실행 결과물을 보관하고 공유하기 위한 저장소다.
2026년 9월 22일Nextjs · 글을 · 수정했는데
Next.js 글을 수정했는데 이전 내용이 보일 때 revalidatePath와 revalidateTag 선택법
Next.js 글을 수정했는데 이전 내용이 보일 때 무엇을 선택해야 할까? 특정 페이지나 레이아웃을 갱신하려면 revalidatePath를, 같은 데이터를 사용하는 여러 화면을 태그 기준으로 갱신하려면 revalidateTag를 선택한다. revalidatePath는 특정 경로의 캐시를
2026년 9월 21일Cloudflare · R2 · 업로드는
Cloudflare R2 업로드는 되는데 브라우저에서 막힐 때 CORS 점검 순서
S3 API로 업로드는 성공하는데 브라우저에서 이미지나 파일을 불러올 때 CORS 에러가 발생한다면, 업로드 클라이언트는 서버 환경에서 실행되어 브라우저 보안 정책의 영향을 받지 않지만 브라우저에서 직접 R2 객체에 접근할 때는 CORS 정책을 따라야 하기 때문입니다. R2 버킷에 CO

Next.js CSP nonce 적용 시 정적 렌더링과 캐시가 바뀌는 이유

Next.js use cache와 cacheLife로 캐시 수명을 설계하는 방법

Cloudflare R2 Presigned URL로 브라우저 직접 업로드 구현하기

GitHub Actions 재사용 워크플로와 Composite Action 선택 기준

GitHub Actions OIDC로 장기 클라우드 시크릿을 없애는 방법

Next.js 환경 변수가 브라우저에 노출되는 기준과 NEXT_PUBLIC_ 안전 사용법

Next.js Route Handler GET 캐시가 적용되지 않을 때 force-static 점검 체크리스트

GitHub Actions Cache와 Artifact 차이와 선택 기준

Next.js 글을 수정했는데 이전 내용이 보일 때 revalidatePath와 revalidateTag 선택법

Cloudflare R2 업로드는 되는데 브라우저에서 막힐 때 CORS 점검 순서