JavaScript 이벤트 루프: Promise와 await 실행 순서 추적하기
동기 코드, Promise 마이크로태스크, 타이머의 실행 순서를 표와 assert로 확인합니다. await 이후의 재개와 마이크로태스크 재등록 문제를 안전한 예제로 실습합니다.
전체 글
웹 접근성 기초 점검: 키보드 순서·초점 표시·확대 화면을 직접 확인하는 체크리스트
키보드 이동 순서와 초점 표시, 입력 레이블, 200% 확대와 좁은 화면 리플로를 실패·수정 예제로 비교하고 직접 점검 결과를 기록합니다.
HTML CSS 종합 실습: 소개·카드·이미지·요금표·문의 폼·FAQ가 있는 반응형 서비스 페이지
시맨틱 HTML과 반응형 CSS를 연결해 소개·카드·이미지·비교표·문의 입력·FAQ가 있는 가상 서비스 페이지를 완성하고, 좁은 화면과 키보드 동작을 함께 확인합니다.
HTML 표 만들기: caption·scope로 비교표를 읽기 쉽게, 모바일에서는 표만 스크롤하기
caption과 th scope로 비교 관계를 표현하고, 모바일에서 표의 의미를 유지하며 키보드로 가로 이동하는 HTML 비교표를 완성합니다.
CSS z-index가 안 먹힐 때: stacking context와 부모 층 디버깅
자식 z-index를 높여도 가려지는 이유를 중첩 쌓임 맥락으로 이해하고 실제 부모 층을 수정합니다.
CSS position 완전 이해: relative·absolute·fixed·sticky 실습
기준 부모, 일반 흐름, 스크롤 영역을 비교하며 배지와 고정 안내, sticky 실패를 직접 고칩니다.
CSS overflow 해결: 긴 텍스트·min-width: 0·말줄임 실습
Flex에서 긴 파일명이 화면을 밀어내는 원인을 찾고 말줄임, 줄바꿈, 부분 스크롤을 구분합니다.
큰 수 출력하기 JavaScript 풀이
첫 번째 수를 포함하고, 이후에는 바로 앞 원소보다 큰 값만 골라 출력하는 JavaScript 풀이입니다. 인접 원소 비교와 경계값을 검증합니다.
사파 도착 첫날: 라오까이 이동과 체크인 전 7시간
2026년 6월 15일, 라오까이에서 셔틀버스로 사파에 들어갔습니다. 호텔 도착은 오전 8시쯤, 객실 체크인은 오후 3시쯤이어서 짐을 맡기고 시내에서 시간을 보냈습니다.
하노이 여행 첫 이틀: 밤 도착과 SP3 야간 기차
2026년 6월 13~14일 기록입니다. 하노이에 밤에 도착해 숙소에서 쉬고, 다음 날 시내를 둘러본 뒤 22시 SP3 기차로 라오까이로 이동했습니다.
하노이·사파 5박 6일 여행: 야간 이동과 전체 일정
2026년 6월 13일부터 18일까지 다녀온 하노이·사파 여행입니다. 야간 기차와 공항행 버스로 이동한 일정, 체크인 전후의 빈 시간과 준비물을 정리했습니다.
TypeScript 이진 탐색 연습: 숫자 카드 존재 여부 확인
숫자 카드 존재 여부를 TypeScript 이진 탐색으로 확인합니다. 학습용 문제, 입출력 예제, 범위 추적표와 경계값 검증을 함께 제공합니다.