웹
웹 표준, 프런트엔드, API와 브라우저 동작을 다룹니다.
글 목록
CSS position relative와 absolute: 배지 위치가 엉뚱한 곳으로 가는 이유
absolute 요소가 어느 상자를 기준으로 위치를 잡는지와 relative를 부모에 두는 이유를 예제로 설명합니다.
웹3 분
CSS box-sizing과 overflow: 요소 너비가 화면을 넘을 때 확인할 순서
width가 맞아 보이는데 레이아웃이 넘치는 이유를 box-sizing, padding, border, overflow 관점에서 설명합니다.
웹3 분
HTML 시맨틱 태그를 쓰면 접근성과 구조가 어떻게 좋아질까?
div만으로 만든 화면을 header, nav, main, article 같은 시맨틱 태그로 나눌 때 얻는 구조와 접근성 이점을 설명합니다.
웹3 분
CSS animation 끝나면 원래 자리로 돌아가는 이유: animation-fill-mode forwards
CSS 애니메이션이 끝난 뒤 요소가 제자리로 돌아오는 이유를 같은 이동 예제로 살펴보고, animation-fill-mode: forwards와 실제 UI 상태의 차이를 설명합니다.
웹3 분
JavaScript forEach에서 await가 안 기다리는 이유: for...of와 Promise.all 선택
forEach(async ...) 뒤의 완료 로그가 작업보다 먼저 찍히는 이유를 한 비동기 저장 예제로 확인하고, 순차 처리와 동시 처리를 각각 for...of·Promise.all로 구분합니다.
웹4 분
JavaScript fetch 타임아웃: Promise.race만 쓰면 요청이 계속되는 이유
Promise.race로 제한시간을 걸어도 fetch 요청은 왜 계속될까요? 같은 느린 응답으로 타이머와 AbortController의 차이, 취소 범위와 정리 방법을 확인합니다.
웹3 분
JavaScript fetch 404 오류인데 catch가 실행되지 않는 이유: response.ok 확인법
fetch가 404 응답을 받아도 Promise를 거부하지 않는 이유를 같은 요청으로 확인하고, response.ok로 HTTP 오류와 네트워크 오류를 구분합니다.
웹4 분