turin's blog

만들고, 터지고, 기록합니다

풀스택, Flutter, 서버 운영, SEO, 배포 삽질을 실제 프로젝트 기준으로 정리합니다. 검색해서 들어온 사람이 바로 쓸 수 있는 체크리스트와 명령을 남기는 게 목표입니다.

1175published
8topics
kopractical notes

자주 다루는 주제

주제별로 빠르게 훑어보기

웹 개발350Next.js283서버 운영165Docker110API80TypeScript58DB50Flutter39

전체 글

운영 중 부딪힌 문제를 검색 의도에 맞춰 정리

웹 개발

검색 결과에 중복이 나타날 때

검색 기능에서 중복 데이터가 나타날 때 확인할 순서와 가능한 원인들을 정리했다.

·1분 읽기
웹 개발1분 읽기

배포 전에 확인할 웹 접근성

배포 전에 웹 접근성을 확인할 때 점검할 항목들을 정리했다.

계속 읽기 →
Next.js1분 읽기

React 모달 상태가 꼬였을 때

React 모달의 열고 닫힘 상태가 꼬일 때 문제를 좁히는 방법을 정리했다.

계속 읽기 →
DB1분 읽기

Prisma migration이 느려질 때

Prisma migration 목록 조회가 느려질 때 원인을 좁히는 방법을 정리했다.

계속 읽기 →
Next.js1분 읽기

React 상태 문제로 반복되는 실수

React에서 상태 관리 실수가 자꾸 반복될 때 확인 순서를 정하는 방법을 정리했다.

계속 읽기 →
Flutter1분 읽기

Flutter 리스트 성능 이슈 정리하기

Flutter에서 리스트 성능이 떨어질 때 배포 전에 확인할 체크리스트를 정리했다.

계속 읽기 →
웹 개발1분 읽기

인덱스 배포 후 데이터가 안 보일 때

DB 인덱스 배포 후 데이터 조회가 안 될 때 확인할 체크리스트를 정리했다.

계속 읽기 →
서버 운영1분 읽기

서버에서만 터지는 낙관적 업데이트 문제

로컬에서는 잘 되지만 서버에서만 나타나는 race condition과 상태 불일치 문제를 정리했다.

계속 읽기 →
DB1분 읽기

Postgres 변경 안전하게 하기

운영 중인 Postgres 데이터베이스를 안전하게 수정할 때 확인할 체크리스트를 정리했다.

계속 읽기 →
웹 개발1분 읽기

검색해서 찾은 빌드 방법, 그게 맞나

온라인에서 찾은 빌드 설정을 그대로 복사할 때 실제로 무엇을 확인해야 하는지 정리했다.

계속 읽기 →
Next.js1분 읽기

Next.js Route Handler 문제 디버깅하기

Route Handler에서 요청이 제대로 전달되지 않을 때 확인할 순서와 예상 원인들을 정리했다.

계속 읽기 →
서버 운영1분 읽기

HTTPS 인증서 문제 디버깅하기

Next.js 프로젝트에서 HTTPS 인증서 설정이 틀렸을 때 확인할 메타데이터와 헤더 태그들을 정리했다.

계속 읽기 →
서버 운영1분 읽기

서버에서 포트가 막혀있거나 로그가 안 보일 때 디버깅하기

배포 후 서버에서 애플리케이션이 실행되지 않거나 로그가 보이지 않을 때 단계별로 확인하는 방법입니다.

계속 읽기 →
API1분 읽기

외부 API 연동할 때 권한 문제로 막힐 때 확인하는 것

API 요청이 자꾸 실패할 때 인증 토큰, 에러 메시지, 응답 상태를 체계적으로 확인하는 방법입니다.

계속 읽기 →
Next.js1분 읽기

Next.js가 로컬에서만 되고 서버에서 터질 때 확인하기

SSR과 SSG의 차이로 인해 로컬에서는 잘 되지만 배포 환경에서 에러가 나는 경우를 다루는 방법입니다.

계속 읽기 →
웹 개발1분 읽기

배열 필터링이 제대로 안 될 때 확인하는 과정

배열 필터 로직을 쓸 때 예상과 다른 결과가 나올 때 체계적으로 문제를 찾는 방법입니다.

계속 읽기 →
웹 개발1분 읽기

검색으로 찾은 해결책이 안 먹혔을 때 체계적으로 확인하기

스택오버플로우의 답변을 그대로 적용했는데 안 될 때, 왜 그런지 단계별로 추적하는 방법입니다.

계속 읽기 →
Next.js1분 읽기

React 폼 입력이 불편할 때 컴포넌트를 점검하는 법

폼 컴포넌트를 분리했는데 사용자 입력이 반응이 없거나 느릴 때 확인하는 과정입니다.

계속 읽기 →
웹 개발1분 읽기

배포 전 성능 문제를 빠르게 찾는 체크리스트

배포 후 성능 이슈를 줄이려면, 배포 전에 점검해야 할 항목들을 정리했습니다.

계속 읽기 →
웹 개발1분 읽기

대량 데이터에 날짜 필터를 적용할 때 확인하는 것

날짜 필터로 대량 데이터를 처리할 때 성능 문제나 데이터 누락이 생기는 이유를 정리했습니다.

계속 읽기 →
웹 개발1분 읽기

개발 중 포트 충돌이 나면 이렇게 확인하자

로컬에서 여러 서버를 띄울 때 포트 충돌로 막힐 때가 있습니다. 빠르게 파악하고 해결하는 방법을 정리했습니다.

계속 읽기 →
Next.js1분 읽기

Next.js 동적 렌더링이 제대로 되지 않을 때 확인할 것

메타데이터가 SEO에 반영되지 않거나 canonical이 잘못되었을 때 단계별로 확인하는 방법입니다.

계속 읽기 →
웹 개발1분 읽기

개인 프로젝트 버그 확인할 때 체계적으로 접근하기

같은 문제가 반복될 때 확인 순서를 정해두면 다음 디버깅은 훨씬 빨라집니다.

계속 읽기 →
웹 개발1분 읽기

테이블 렌더링이 느릴 때 확인하는 디버깅 순서

배포된 테이블이 로컬에서는 빠르지만 운영 환경에서 느려질 때 차례대로 확인해야 할 것들을 정리했습니다.

계속 읽기 →