기술 블로그

용어와 원리부터 시작해 실행 가능한 코드, 테스트와 디버깅, 보안·성능·운영의 트레이드오프까지 연결합니다.

글 목록

React Router loader로 데이터 로딩하기: 화면 렌더링 전 오류를 다루는 방법

React Router Data Mode의 loader가 데이터를 준비하는 시점과 오류 화면, 요청 취소를 화면 경계에서 다루는 방법을 설명합니다.

웹2025. 3. 2.3 분

SQL UPDATE WHERE 누락: 전체 행이 바뀌는 이유와 ROLLBACK 확인법

한 행만 수정하려다 WHERE를 빠뜨리면 모든 행이 대상이 됩니다. 세 행으로 영향 범위, 커밋 전 취소, 조건을 고친 재실행을 확인합니다.

DB/SQL2025. 2. 25.3 분

React useEffect cleanup은 언제 필요한가? 구독과 요청을 정리하는 기준

useEffect의 cleanup이 실행되는 시점과 이벤트 리스너, 타이머, 요청을 컴포넌트 수명에 맞게 정리하는 방법을 설명합니다.

웹2025. 2. 23.3 분

React 배열 상태를 직접 수정하면 왜 화면이 갱신되지 않을까?

push와 splice로 state 배열을 바꾸면 생기는 문제와 map, filter, spread로 새 배열을 만드는 방법을 설명합니다.

웹2025. 2. 16.3 분

JavaScript Promise 체인에서 return을 빼먹으면 왜 다음 then이 undefined가 될까?

Promise.then 콜백의 반환값이 다음 단계로 전달되는 방식과 fetch 처리에서 return을 놓치지 않는 방법을 설명합니다.

웹2025. 2. 9.3 분

CIDR /24와 /26 차이: IP가 속한 서브넷과 사용 가능 주소 계산

/24 네트워크를 /26 네 개로 나눌 때 10.20.30.70이 어느 범위에 속하는지 계산합니다. 서브넷 마스크, 경계 주소와 Azure 예약 IP까지 한 예제로 확인합니다.

리눅스2025. 2. 4.4 분

JavaScript map과 forEach 차이: 새 배열이 필요할 때 무엇을 써야 할까?

map이 반환하는 새 배열과 forEach의 반복 목적을 비교하고, 렌더링과 부수 효과를 구분하는 방법을 설명합니다.

웹2025. 2. 2.3 분