<Hello Hosung😎/>

1. 프로젝트 목표이번 포스팅에서는 Expo + React Native를 이용해 앱 프로젝트를 완전히 초기화하고,필요 없는 파일 제거 + 폴더 구조와 주요 파일 역할을 이해하는 것을 목표로 합니다.스플래시 화면은 제외하고, 초보자가 폴더/파일 역할을 이해할 수 있도록 정리합니다. 1️⃣ 환경 준비1-1. Node.js 설치 확인node -vnpm -v 권장 Node.js 버전: LTS (예: v20.x)만약 오류가 나면 nvm 사용하여 설치:nvm install --ltsnvm use --lts 1-2. Expo CLI 설치 확인최근 Expo는 npx create-expo-app 사용을 권장합니다.npx create-expo-app --version 기존에 expo-cli 설치되어 있어도 이제 npx 사..

1. 리액트 성능 최적화가 중요한 이유리액트로 만든 웹 애플리케이션이 크고 복잡해질수록 렌더링 성능이 중요해집니다. 페이지가 느리게 로딩되거나 불필요한 컴포넌트가 계속 리렌더링되는 경우, 사용자 경험(UX)이 크게 저하될 수 있습니다. 성능 최적화는 이러한 문제를 해결하고 애플리케이션의 반응 속도를 높여줍니다.2. 불필요한 렌더링 방지리액트는 상태(state)나 속성(props)이 변경될 때마다 컴포넌트를 리렌더링합니다. 하지만 모든 리렌더링이 필요한 것은 아닙니다. 불필요한 리렌더링을 방지하는 몇 가지 방법을 살펴보겠습니다.React.memo: 함수형 컴포넌트에서 props가 변경되지 않으면 리렌더링을 막을 수 있습니다.const MyComponent = React.memo(({ data }) => {..

1. 리액트 소개리액트는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리입니다.컴포넌트 기반으로 UI를 구성하며, 상태 관리와 데이터 흐름을 효율적으로 처리합니다. 2. JSX (JavaScript XML)JSX는 자바스크립트 코드 안에서 HTML과 비슷한 구문을 사용할 수 있게 해주는 문법입니다.const element = Hello, world!; * JSX는 React.createElement로 변환됩니다.    3. 컴포넌트 (Component)리액트에서 UI는 컴포넌트로 나누어 관리됩니다.컴포넌트는 함수형 컴포넌트와 클래스형 컴포넌트로 나뉩니다.  함수형 컴포넌트function Welcome(props) { return Hello, {props.name};} 클래스형 컴포넌트class..