웹

웹 표준, 프런트엔드, API와 브라우저 동작을 다룹니다.

글 목록

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 분

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

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

웹2025. 2. 2.3 분

JavaScript default export와 named export 차이: import 오류를 줄이는 기준

default export와 named export의 import 문법이 다른 이유와, 모듈 API를 읽기 쉽게 설계하는 기준을 설명합니다.

웹2025. 1. 26.2 분

JavaScript 이벤트 버블링과 이벤트 위임: 동적으로 추가한 목록에도 클릭을 연결하는 법

이벤트 버블링을 이용해 목록 부모에 한 번만 리스너를 두고, 자식 버튼을 안전하게 처리하는 방법을 설명합니다.

웹2025. 1. 19.2 분

JavaScript DOMContentLoaded와 defer: DOM을 찾기 전에 스크립트가 실행되는 문제

querySelector가 null을 반환할 때 script 위치, defer, DOMContentLoaded의 실행 순서를 기준으로 해결합니다.

웹2025. 1. 12.3 분