리엑트 네이티브 기본 프로젝트 구조 및 문법 설명 React Native

리엑트 네이티브 기본 프로젝트 구조 및 문법 설명 React Native1. 프로젝트 폴더 구조my-project/├── App.tsx # 애플리케이션의 진입점├── assets/ # 이미지, 폰트 등 정적 리소스 폴더├── node_modules/ # 설치된 npm 패키지├── package.json # 프로젝트 의존성과 스크립트 설정 파일├── tsconfig.json # TypeScript 설정 파일├── app.json # Expo 프로젝트 설정 파일└── babel.config.js # Babel 설정 파일 (코드 변환기)2. 주요 파일 설명2.1. App.tsx앱의 진입점으로, 첫 화면을 구성하는 곳입니다.여기에서 ..

• format_list_bulleted 개발/React Native
• · 2024. 11. 29.
• textsms

리엑트 네이티브 윈도우 컴퓨터 세팅 방법 React Native Windows

React Native 윈도우 컴퓨터 세팅 가이드 (Expo 사용)리액트 네이티브는 크로스 플랫폼 앱을 개발할 수 있는 강력한 도구입니다.윈도우에서 Expo를 사용하여 빠르고 간편하게 리액트 네이티브 환경을 설정할 수 있습니다. 1. Node.js 설치React Native는 Node.js를 필요로 합니다. 다음 단계를 따라 설치하세요:Node.js 공식 웹사이트에 방문합니다.LTS(Long Term Support) 버전을 다운로드하고 설치합니다.설치 후, 터미널이나 명령 프롬프트를 열어 다음 명령어로 Node.js와 npm이 설치되었는지 확인합니다node -v npm -v 2. Expo CLI 설치Expo CLI는 리액트 네이티브 앱 개발을 간소화하는 도구입니다. 다음 단계를 따라 설치하세요: 1. 명..

• format_list_bulleted 개발/React Native
• · 2024. 11. 19.
• textsms