turin's blog

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

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

1175published
8topics
kopractical notes

자주 다루는 주제

주제별로 빠르게 훑어보기

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

전체 글

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

Next.js

React 폼 검증이 제대로 작동하는지 확인하기

폼이 제출되지 않거나 검증 메시지가 안 보일 때, 어디를 먼저 봐야 하는지 정리했다.

·1분 읽기
Next.js1분 읽기

Google Play 배포 시 자꾸 막힐 때

로컬에서는 잘 되는데 배포 환경에서 문제가 생기면, 먼저 확인할 설정과 순서를 정리했다.

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

운영 중 데이터베이스 스키마를 안전하게 바꾸는 방법

스키마 변경이 필요할 때, 먼저 확인해야 할 것과 롤백 계획을 정리했다.

계속 읽기 →
Flutter1분 읽기

모바일 화면에서 레이아웃이 깨질 때

모바일에서만 컴포넌트가 커지거나 밀릴 때, 어디서 문제가 생기는지 빠르게 파악하는 방법을 정리했다.

계속 읽기 →
API1분 읽기

API 인증이 자꾸 풀릴 때 확인하는 것

인증 쿠키가 제대로 전달되고 있는지, 응답 상태가 정상인지 빠르게 진단하는 방법을 정리했다.

계속 읽기 →
Docker1분 읽기

Docker 컨테이너가 자꾸 문제를 일으킬 때

컨테이너 상태를 빠르게 파악하고, 문제의 범위를 좁혀 나가는 실전 방법을 정리했다.

계속 읽기 →
Next.js1분 읽기

Next.js 서버 렌더링 문제 빠르게 좁히기

웹이 정상인데 서버만 문제라고 느껴질 때, 먼저 확인할 신호들과 확인 순서를 정리했다.

계속 읽기 →
Next.js1분 읽기

React 폼 props 타입이 복잡해졌을 때

폼 컴포넌트의 props 타입이 증가하면서 TypeScript 에러가 많아질 때 정리하는 방법.

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

초보가 배포 전에 놓치기 쉬운 체크리스트

로컬에서는 잘 작동하던 것이 배포 후에 문제가 생길 때 확인할 점들.

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

VPS 처음 세팅할 때 시간대 설정 확인법

새로운 VPS에서 시간대를 설정한 후 정상 작동하는지 확인하는 방법.

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

서버 도메인 연결 안 될 때 확인 순서

Nginx와 도메인 설정으로 인해 서버에 접속이 안 될 때 디버깅하는 방법.

계속 읽기 →
Next.js1분 읽기

React 모달이 예상과 다르게 동작할 때

모달 컴포넌트가 열고 닫기가 제대로 안 될 때 문제를 찾는 방법.

계속 읽기 →
DB1분 읽기

DB unique 제약으로 에러가 날 때

데이터베이스 unique 제약 조건 때문에 저장이 실패할 때 확인하는 순서.

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

시간대 문제로 데이터가 꼬였을 때

웹 앱에서 시간대 설정이 잘못되어 시간 관련 데이터가 꼬일 때 확인하는 순서.

계속 읽기 →
DB1분 읽기

DB 트랜잭션 문제 디버깅하기

트랜잭션 중 에러가 발생했을 때 롤백이 제대로 되는지 확인하는 방법.

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

Server Component 페이지 속도, 왜 느려졌나

Next.js Server Component 사용 후 페이지 로딩이 느려졌을 때 디버깅 흐름.

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

useEffect 버그 반복되는 이유

useEffect 문제로 같은 실수를 계속 반복할 때, 문제 해결하는 기준.

계속 읽기 →
Flutter1분 읽기

Flutter 실기기 디버깅: 에뮬레이터와 다를 때

Flutter 앱이 에뮬레이터에서는 잘 돌아가는데 실기기에서 문제가 생길 때 확인하는 순서.

계속 읽기 →
Next.js1분 읽기

React 컴포넌트 props 변경, 배포 전 확인 순서

API 응답이 바뀐 뒤 컴포넌트가 예상과 다르게 동작할 때 디버깅하는 체계적인 방법.

계속 읽기 →
Next.js1분 읽기

React 상태와 모바일 레이아웃 문제

혼자 개발할수록 확인한 값과 바꾼 값을 따로 남기는 습관이 중요하다. 렌더링 조건을 명확히 해야 문제를 빠르게 해결할 수 있다.

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

낙관적 업데이트 디버깅하기

문제를 크게 잡으면 모든 파일이 의심스러워진다. 재현 조건을 명확히 하고 단계별로 확인해야 원인을 좁힐 수 있다.

계속 읽기 →
Next.js1분 읽기

React 컴포넌트가 서버에서만 터질 때

이런 상황에서는 화면 하나만 보지 말고 로그와 응답을 같이 봐야 한다. 사용자가 보는 모습과 개발자가 보는 신호를 분리해야 원인을 찾을 수 있다.

계속 읽기 →
Next.js1분 읽기

Next.js 배포 후 화면이 다르게 보일 때

로컬에서 괜찮았던 설정도 배포 환경에서는 다르게 보일 수 있다. 빌드 결과와 실제 페이지를 함께 확인해야 한다.

계속 읽기 →
Next.js1분 읽기

React에서 key prop 문제를 찾는 방법

처음부터 정답을 맞히려고 하면 오히려 확인 시간이 길어진다. 렌더링 조건을 먼저 확인하고 단계별로 진행해야 한다.

계속 읽기 →