Vite 프로젝트에서 Vitest로 테스트 환경 시작하기
Vite 프로젝트에서 Vitest를 설치하고 실행 스크립트, vite.config 설정, jsdom 환경 선택, 실무 테스트 도입 순서를 정리합니다.
프레임워크는 애플리케이션의 전체 구조와 흐름을 미리 정의해두고, 그 규칙에 맞게 코드를 작성하도록 유도하는 개발 환경입니다. 개발자는 정해진 구조 안에서 로직을 구현하며, 렌더링, 상태 흐름, 생명주기 등 핵심 제어를 프레임워크가 담당합니다.
총 12개의 글
Vite 프로젝트에서 Vitest를 설치하고 실행 스크립트, vite.config 설정, jsdom 환경 선택, 실무 테스트 도입 순서를 정리합니다.
Expo 프로젝트에서 Metro가 모듈을 찾지 못할 때 import 경로, 파일명 대소문자, 패키지 설치 상태, alias 설정, 캐시 초기화 순서로 확인하는 방법을 정리합니다.
Expo EAS Build 실패할 때 먼저 확인할 체크리스트의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
Expo Router 사용법: app 폴더와 Stack Tabs 구조 잡기을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Expo Safe Area 사용법: 화면 여백을 안전하게 잡는 방법을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Expo Status Bar 사용법: Safe Area와 화면별 설정을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
React Native Web 사용법: Expo 앱을 웹으로 확장하는 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Expo vector icons 사용법: 탭바와 커스텀 아이콘 적용을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Expo Location 사용법: 현재 위치와 백그라운드 추적 처리을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Expo WebBrowser 사용법: 외부 링크와 로그인 복귀 처리을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.