해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 368개의 글

Expo · 초급 18분 2026.04.22

safe area의 공급자와 소비자를 구분하고 헤더·하단 버튼에 여백을 한 번만 적용합니다. View·StyleSheet와 컴포넌트 트리를 알아야 합니다.

Expo · 초급 16분 2026.04.22

상태바 글자색과 안전 영역을 구분하고 현재 활성 화면에 맞춰 색상을 바꿉니다. Expo Router 및 Safe Area를 먼저 익혀야 합니다.

Expo · 고급 16분 2026.04.22

공용 컴포넌트와 플랫폼 파일을 나누고 브라우저 미지원 기능의 대체 동작을 설계합니다. React props·이벤트와 Expo 기본 실행이 선수 지식입니다.

Expo · 초급 18분 2026.04.22

아이콘 이름·크기·색상을 연결하고 폰트 로딩 실패를 처리합니다. React props·useState와 Router 탭 구조를 이해해야 합니다.

Expo · 고급 20분 2026.04.22

현재 위치·화면 구독·백그라운드 작업을 나누고 비동기 구독 생성과 화면 종료의 경쟁 상태를 처리합니다. async/await와 useEffect cleanup, 개발 빌드가 선수 지식입니다.

Expo · 고급 19분 2026.04.21

일반 외부 링크와 인증 세션을 구분하고 취소·성공·복귀 주소 불일치를 처리합니다. Promise와 URL, 앱 scheme 개념을 알아야 합니다.

Expo · 고급 18분 2026.04.21

작은 인증 값을 저장·삭제하고 저장 실패와 생체 인증 취소를 구분합니다. async/await와 서버 세션 갱신 개념을 알아야 합니다.

같은 카드 두 개를 넓은 본문과 좁은 사이드바에 놓고 media query와 container query의 기준을 비교합니다. 카드별 wrapper와 세로 기본값으로 완성합니다.

Firebase · 중급 5분 2026.04.13

리뷰 시드의 재현성·중복 방지·조회 검증 기준을 설계합니다. 좋은 시드는 실제 고객처럼 보이는 문장보다 테스트할 경계값이 명확해야 합니다. 일정한 ID와 기준 시각을 사용하면 재실행 전후 문서 수와 정렬을 비교할 수 있습니다.

커리어·포트폴리오 11분 2026.04.07

사실과 편집 판단 구분: HTML·WCAG·Baseline·Lighthouse 설명은 공식 문서에 근거합니다. 프로젝트 2~3개, 4주 일정, AI 활용 방식은 학습을 실행 가능하게 만들기 위한 편집 제안이며 개인 경력과 공고…