CSS z-index가 안 먹힐 때: stacking context와 부모 층 디버깅
자식 z-index를 높여도 가려지는 이유를 중첩 쌓임 맥락으로 이해하고 실제 부모 층을 수정합니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
CSS position 완전 이해: relative·absolute·fixed·sticky 실습
기준 부모, 일반 흐름, 스크롤 영역을 비교하며 배지와 고정 안내, sticky 실패를 직접 고칩니다.
CSS overflow 해결: 긴 텍스트·min-width: 0·말줄임 실습
Flex에서 긴 파일명이 화면을 밀어내는 원인을 찾고 말줄임, 줄바꿈, 부분 스크롤을 구분합니다.
큰 수 출력하기 풀이
첫 번째 수를 포함하고, 이후에는 바로 앞 원소보다 큰 값만 골라 출력하는 JavaScript 풀이입니다. 인접 원소 비교와 경계값을 검증합니다.
2026년 9월 12일 AI 데일리 브리핑: OpenAI Habitat 저장 플랫폼
OpenAI가 공개한 Habitat 저장 플랫폼의 초당 7천만 요청·500PB 데이터 운영 방식과 Python에서 Rust로 이전해 CPU 6배, 메모리 15배 효율을 높인 과정을 개발자 관점에서 정리합니다.
사파 마지막 날: 깟깟마을과 노이바이 공항 귀국
2026년 6월 17~18일 기록입니다. 깟깟마을을 둘러본 뒤 추가 객실에서 짐을 정리하고, 야간 버스로 노이바이 공항에 이동해 귀국했습니다.
판시판과 사파 야시장: 열차·케이블카로 보낸 하루
2026년 6월 16일에는 므엉호아 열차, 케이블카, 정상행 푸니쿨라를 이용해 판시판을 둘러봤습니다. 숙소에서 쉰 뒤 저녁에는 사파 야시장에 다녀왔습니다.
사파 도착 첫날: 라오까이 이동과 체크인 전 7시간
2026년 6월 15일, 라오까이에서 셔틀버스로 사파에 들어갔습니다. 호텔 도착은 오전 8시쯤, 객실 체크인은 오후 3시쯤이어서 짐을 맡기고 시내에서 시간을 보냈습니다.
하노이 여행 첫 이틀: 밤 도착과 SP3 야간 기차
2026년 6월 13~14일 기록입니다. 하노이에 밤에 도착해 숙소에서 쉬고, 다음 날 시내를 둘러본 뒤 22시 SP3 기차로 라오까이로 이동했습니다.
하노이·사파 5박 6일 여행: 야간 이동과 전체 일정
2026년 6월 13일부터 18일까지 다녀온 하노이·사파 여행입니다. 야간 기차와 공항행 버스로 이동한 일정, 체크인 전후의 빈 시간과 준비물을 정리했습니다.
이진 탐색 연습: 숫자 카드 존재 여부 확인
숫자 카드 존재 여부를 TypeScript 이진 탐색으로 확인합니다. 학습용 문제, 입출력 예제, 범위 추적표와 경계값 검증을 함께 제공합니다.
React TypeScript 검색 필터 만들기 상태 결과 목록 연결
검색 필터를 만들 때 흔한 실수는 원본 목록과 검색 결과를 둘 다 state로 저장하는 것입니다. 검색 결과는 tasks, keyword, status에서 계산할 수 있으므로 별도 state로 복제하지 않아도 됩니다.
