실패 화면 다시 시도 버튼, 이유별로 나눠 설계하는 법
오류가 났을 때 알림창 대신 결과 자리에 이유를 적고, 다시 시도 버튼은 눌러서 나아지는 실패에만 다는 법이에요. 실패 이유 분류와 재시도 구현을 따라 해 보세요.
2026.10.25 · 14분 읽기
화면, 디자인 시스템, 웹 앱 구조
오류가 났을 때 알림창 대신 결과 자리에 이유를 적고, 다시 시도 버튼은 눌러서 나아지는 실패에만 다는 법이에요. 실패 이유 분류와 재시도 구현을 따라 해 보세요.
2026.10.25 · 14분 읽기
로그인이 끝난 뒤 새로고침하면 Next.js 서버 화면이 500 에러로 터지나요? 세션 만료를 401 대신 로그인 이동으로 바꾸는 순서를 알려 드려요.
2026.10.21 · 12분 읽기
브라우저에서 만든 PDF 마지막 쪽에 클릭되는 출처 링크 한 줄을 넣고, 끄는 스위치와 유입 측정까지 순서대로 따라 할 수 있어요.
2026.10.18 · 14분 읽기
PDF 양식 칸에 한글을 채워 내려받게 만들 때 글꼴 싣기, 칸을 넘치는 글자 처리, 화면과 결과의 줄바꿈 맞추기를 순서대로 따라 할 수 있어요.
2026.10.12 · 13분 읽기
Next.js 하이드레이션 불일치 오류가 왜 생기는지, 동작 줄이기 설정과 정렬 순서 같은 숨은 원인을 어떻게 찾고 고치는지 순서대로 알려 드려요.
2026.10.07 · 10분 읽기
카드뉴스 템플릿을 AI 없이 만들고 싶은 분께, 배치와 글꼴과 색을 부품으로 쪼개 조합하고 글자 넘침을 측정으로 막는 순서를 알려 드려요.
2026.10.05 · 10분 읽기
Turbopack 으로 빌드하는 Next.js 앱이 마크다운, 글꼴, CSS 같은 로컬 파일을 읽다 500 을 낼 때, import.meta.url 경로와 standalone 출력의 빠진 파일을 고치고 배포 전에 미리 잡는 방법을 정리해요.
2026.10.01 · 13분 읽기
PDF 서명 넣기를 서버에 파일을 올리지 않고 브라우저 안에서 끝내는 방법이에요. pdf-lib 로 서명 이미지를 정확한 자리에 붙이는 좌표 변환과, 서버에 남길 것을 정해 사용자에게 알리는 법까지 따라 할 수 있어요.
2026.09.30 · 14분 읽기