Expo SecureStore 사용법: 토큰 저장과 생체 인증 처리
작은 인증 값을 저장·삭제하고 저장 실패와 생체 인증 취소를 구분합니다. async/await와 서버 세션 갱신 개념을 알아야 합니다.
전체 글
Container Query 실습: 같은 카드를 본문과 사이드바에 배치하기
같은 카드 두 개를 넓은 본문과 좁은 사이드바에 놓고 media query와 container query의 기준을 비교합니다. 카드별 wrapper와 세로 기본값으로 완성합니다.
Firestore seed data 설계: 리뷰 더미 데이터 구조 잡기
리뷰 시드의 재현성·중복 방지·조회 검증 기준을 설계합니다. 좋은 시드는 실제 고객처럼 보이는 문장보다 테스트할 경계값이 명확해야 합니다. 일정한 ID와 기준 시각을 사용하면 재실행 전후 문서 수와 정렬을 비교할 수 있습니다.
웹퍼블리셔 2026 로드맵: 포트폴리오와 AI 활용 기준
사실과 편집 판단 구분: HTML·WCAG·Baseline·Lighthouse 설명은 공식 문서에 근거합니다. 프로젝트 2~3개, 4주 일정, AI 활용 방식은 학습을 실행 가능하게 만들기 위한 편집 제안이며 개인 경력과 공고…
VS Code Copilot 디버깅: Agent Debug Log와 Chat Debug
VS Code Copilot의 Agent Debug Logs와 Chat Debug View를 열고, 파일 컨텍스트 누락과 MCP 호출 여부를 비교하는 재현 과제와 로그 판독 기준을 안내합니다.
VS Code 1.113 업데이트: MCP와 Thinking Effort 변화
2026년 3월 25일 VS Code 1.113의 MCP 연결 범위, Thinking Effort 메뉴, Preview 기능과 사용자 영향을 당시 릴리스 기준으로 구분해 설명합니다.
AI 바이브 코딩 기준: 코드 품질이 무너지기 전 확인할 것
AI에 맡길 기능을 입력·출력·제외 범위로 제한하고 diff와 실패 상태를 검토해 코드 품질을 유지하는 작업 기준입니다.
JavaScript URLSearchParams 사용법: URL 파라미터 읽고 수정하기
URL 쿼리를 읽고 수정하며 누락·빈 값·중복·인코딩과 브라우저 기록을 재현 가능한 사례로 확인합니다.
CSS Baseline 보는 법: 지원 범위와 폴백을 직접 확인하기
Baseline의 세 가지 상태를 읽고 지원 대상과 비교합니다. 세로 기본 배치에 컨테이너 쿼리를 더해 기능이 없어도 읽히는 화면을 실습합니다.
HTML CSS 이미지 문제 해결 실습: 경로·비율·잘림·흐림·CLS
이미지가 안 보임, 찌그러짐, 잘림, 흐림, 로딩 중 밀림을 실제 PNG 예제로 구분합니다. 상대 경로와 object-fit, srcset·sizes, 크기 예약을 한 실습에서 확인합니다.
개발자 영어 말하기 습관: 하루 10분 실무 표현 연습법
모바일 폼의 배치 의견을 영어로 말하고 이유와 불확실성을 구분합니다. 한국어 발음·해석과 상황별 연습, 참고 답안을 제공합니다.
업무 자동화 도구 비교: Zapier Make n8n과 코드 자동화 기준
문의 이벤트 하나를 Zapier·Make·n8n·직접 코드 관점으로 비교하고 중복 처리, 재시도, 비용, 운영 담당자를 기준으로 선택합니다.