웹앱 네 개를 만들면서 밟은 함정과 써본 도구를 기록한다. Astro, Cloudflare Workers, Notion API, GitHub Actions.https://ttakochan.com/ko-krhttps://ttakochan.com/blog/notion-as-cms-two-way/https://ttakochan.com/blog/notion-as-cms-two-way/노션에서 쓰고 정적 사이트로 굽는다. 반대 방향도 필요했다. 조용히 사라지는 자리 셋을 막는 게 핵심이다.Tue, 25 Aug 2026 12:00:00 GMT가이드데이터https://ttakochan.com/blog/api-enum-whitelist-breaks-batch/https://ttakochan.com/blog/api-enum-whitelist-breaks-batch/외부 API는 대개 값 화이트리스트가 있다. 목록에 없는 값 하나가 요청 전체를 무효로 만든다.Tue, 25 Aug 2026 00:00:00 GMT함정데이터https://ttakochan.com/blog/csp-for-third-party-tags/https://ttakochan.com/blog/csp-for-third-party-tags/지시어 네 개를 한 번에 열어야 한다. 하나씩 열면 다음 게 막힌다. 나는 세 번 배포했다.Mon, 24 Aug 2026 12:00:00 GMT가이드배포https://ttakochan.com/blog/notion-permission-vs-connection/https://ttakochan.com/blog/notion-permission-vs-connection/읽기는 되는데 페이지 생성만 안 됐다. 연결과 권한이 다른 설정이라서다. 체크박스 하나가 빠져 있었다.Mon, 24 Aug 2026 00:00:00 GMT함정데이터https://ttakochan.com/blog/gtm-on-three-stacks/https://ttakochan.com/blog/gtm-on-three-stacks/Astro 정적, Next.js App Router, Vite SPA. 붙이는 자리와 실패 증상이 전부 다르다. 실제로 심으면서 겪은 것들.Sun, 23 Aug 2026 12:00:00 GMT가이드배포https://ttakochan.com/blog/grep-c-counts-lines/https://ttakochan.com/blog/grep-c-counts-lines/같은 스니펫이 사이트마다 1회, 2회로 다르게 세어졌다. 코드가 다른 게 아니라 세는 방법이 틀렸다.Sun, 23 Aug 2026 00:00:00 GMT함정디버깅https://ttakochan.com/blog/redirect-list-eats-new-pages/https://ttakochan.com/blog/redirect-list-eats-new-pages/새 페이지 세 개가 전부 301로 튕겼다. 옛 주소를 넘겨주려고 만든 목록에 같은 이름이 들어 있었다.Wed, 19 Aug 2026 12:00:00 GMT함정배포https://ttakochan.com/blog/scheduled-publish-with-actions/https://ttakochan.com/blog/scheduled-publish-with-actions/서버 없이 예약 발행을 만드는 방법. 빌드 시각으로 미래 글을 거르고, 그 시각에 빌드를 돌린다. 지금 이 블로그가 쓰는 구성이다.Wed, 19 Aug 2026 00:00:00 GMT가이드배포https://ttakochan.com/blog/powershell-env-var-prefix/https://ttakochan.com/blog/powershell-env-var-prefix/리눅스 예제를 그대로 붙여넣으면 나는 오류다. PowerShell에는 명령 앞에 환경변수를 붙이는 문법이 없다.Tue, 18 Aug 2026 12:00:00 GMT함정배포https://ttakochan.com/blog/github-actions-secret-name-silent/https://ttakochan.com/blog/github-actions-secret-name-silent/없는 시크릿을 참조하면 워크플로가 멈추지 않고 빈 문자열을 넣는다. 로그에 별표가 아니라 공백이 찍히는 게 유일한 단서다.Tue, 18 Aug 2026 00:00:00 GMT함정배포https://ttakochan.com/blog/list-to-objects/https://ttakochan.com/blog/list-to-objects/카드 목록이던 메인을 오브젝트가 떠 있는 화면으로 바꿨다. 훑어보기는 확실히 나빠졌다.Mon, 17 Aug 2026 08:00:00 GMT고찰디자인https://ttakochan.com/blog/subdomain-per-app/https://ttakochan.com/blog/subdomain-per-app/앱 네 개를 각자 서브도메인에 뒀다. 관리 비용은 늘었고, 대신 하나가 죽어도 나머지가 산다.Mon, 17 Aug 2026 04:00:00 GMT고찰배포https://ttakochan.com/blog/edge-propagation-200-301/https://ttakochan.com/blog/edge-propagation-200-301/새로 만든 페이지가 열렸다 안 열렸다 했다. 엣지가 순차적으로 갱신되는 동안 구버전과 신버전이 섞여 응답하고 있었다.Mon, 17 Aug 2026 00:00:00 GMT연구배포https://ttakochan.com/blog/thinning-the-refraction-band/https://ttakochan.com/blog/thinning-the-refraction-band/얇게 해달라는 말을 세 번 듣고 16%에서 1.4%까지 갔다. 그동안 그 띠는 화면에 안 나오고 있었다.Sun, 16 Aug 2026 12:00:00 GMT잡담디자인https://ttakochan.com/blog/pixel-font-glyph-coverage/https://ttakochan.com/blog/pixel-font-glyph-coverage/API 는 폰트가 있다고 답했다. 패밀리가 로드됐는지만 보고 글자가 있는지는 안 보기 때문이다.Sun, 16 Aug 2026 08:00:00 GMT잡담연구https://ttakochan.com/blog/hiding-the-cut-edge/https://ttakochan.com/blog/hiding-the-cut-edge/사진 한 장의 잘린 단면을 안 보이게 하려고 알파 픽셀까지 셌다. 그리고 그 뒤로도 계속 다시 쟀다.Sun, 16 Aug 2026 04:00:00 GMT잡담디자인https://ttakochan.com/blog/visual-balance-centroid/https://ttakochan.com/blog/visual-balance-centroid/글자는 정확히 화면 중앙이었다. 문제는 주변 오브젝트의 질량이 아래로 쏠려 있던 거였다.Sun, 16 Aug 2026 00:00:00 GMT회고디자인https://ttakochan.com/blog/17mb-to-830kb/https://ttakochan.com/blog/17mb-to-830kb/폴더를 옮긴 것만으로 첫 로딩이 17.7MB에서 수백 KB가 됐다. public 과 src 는 빌드가 손대는지 여부가 다르다.Sat, 15 Aug 2026 12:00:00 GMT연구성능https://ttakochan.com/blog/transparent-png-hitbox/https://ttakochan.com/blog/transparent-png-hitbox/눈에 분명히 보이는 오브젝트가 눌리지 않았다. 앞쪽 이미지의 투명한 여백이 히트 영역을 그대로 먹고 있었다.Sat, 15 Aug 2026 08:00:00 GMT회고디버깅https://ttakochan.com/blog/hover-target-feedback-loop/https://ttakochan.com/blog/hover-target-feedback-loop/글자에 마우스를 올려도 효과가 걸렸다 말았다 했다. 커서가 떠난 게 아니라 대상이 커서 밑에서 빠져나가고 있었다.Sat, 15 Aug 2026 04:00:00 GMT회고디버깅https://ttakochan.com/blog/backdrop-filter-url-drops-declaration/https://ttakochan.com/blog/backdrop-filter-url-drops-declaration/유리 효과가 크롬에서만 안 보였다. 원인은 지원 여부가 아니라 CSS가 값 하나를 못 읽으면 선언을 통째로 버린다는 규칙이었다.Sat, 15 Aug 2026 00:00:00 GMT회고디버깅