제목

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

앱 개발

대상자

React Native 초보자 및 모바일 앱 개발에 관심 있는 개발자

난이도: 초급(기초 설정 및 프로젝트 구조 이해 중심)

핵심 요약

• React Native 앱 생성: Expo CLI를 사용한 TypeScript 기반 프로젝트 생성 및 HomeScreen 구성
• 버전 관리: GitHub에 코드 커밋 및 프로젝트 진행 추적
• UI 설계: StyleSheet를 활용한 컴포넌트 스타일링

섹션별 세부 요약

1. 프로젝트 초기 설정

• Expo CLI로 TypeScript 기반 React Native 프로젝트 생성
• 기본 폴더 구조 분석: src/, assets/, components/ 등 모듈화된 디렉토리 구성
• npm install 또는 yarn install을 통해 의존성 설치

2. GitHub 초기화 및 커밋

• git init으로 로컬 저장소 생성 및 .gitignore 파일 구성
• git add . 및 git commit -m "Initial commit"으로 첫 번째 커밋
• GitHub에 레포지토리 생성 후 git remote add origin 으로 연결

3. 첫 번째 화면 구현

• HomeScreen 컴포넌트 생성: Welcome 메시지 표시
• StyleSheet를 사용한 레이아웃 및 색상 정의
• expo start 명령어로 앱 실행 및 Android 기기에서 화면 확인

4. 다음 단계 안내

• React Navigation 설정 예정: 여러 화면 간 이동을 위한 라이브러리 도입
• expo install @react-navigation/native 등의 명령어 예시 포함

결론

• React Native 프로젝트 시작 템플릿: npx create-expo-app 명령어로 빠른 생성 가능
• 코드 관리: GitHub을 통해 실시간 협업 및 버전 관리 필수
• 다음 날 목표: React Navigation으로 화면 전환 구현 예정