ReactNative

컴퍼넌트에서 다루는 데이터는 props와 state 📢 기본적인 차이 ✔️ props 🔘 외부(부모)에서 전달 🔘 수정 불가능 ✔️ state 🔘 내부에서 생성 🔘 수정 가능

📢 컴포넌트 > 컴포넌트란 소프트웨어 시스템에서 독립적인 기능을 수행하는 모듈로써 교체가 가능한 부품 📢 커스텀 컴포넌트 🔘 직접 만들어도 되고 다양한 컴포넌트 라이브러리 사용 가능 🔘 NativeBase => 다양한 컴포넌트 라이브러리가 있

JSX란? > JavaScript+XML을 의미하며 개체 생성과 함수 구축을 위한 문법편의를 제공하기 위해 만들어진 확장 기능 JSX는 React와 React Native에서 사용되며 가독성이 높고 작성하기 쉬움 JSX 코드는 이후 바벨을 이용하여 JavaScript

JavaScript 파일 안에 스타일 코드를 작성할 수 있는 라이브러리간단하게 스타일이 적용된 컴퍼넌트를 만드는 라이브러리라고 생각하면 됨주의styled는 styled component에서 가져오는 것이 아니라 styled-component의 native에서 가져와야함

Native 코드(Android/iOS)에 직접 접근 가능 커스터마이징 자유도가 높음 (Java, Kotlin, Swift, Objective-C 코드 수정 가능) Native Module과의 통합이 쉬움 성능 최적화가 필요한 복잡한 앱 개발에 적합고급 기능 구현

개발 중인 프로젝트에서는 핫 리로딩, 빠른 의존성 관리, 효율적인 패키지 관리가 중요. Expo에서는 npm, npx, yarn 모두 사용 가능하며, Yarn을 사용하는 것이 더 빠르고 효율적일 수 있음.package.json의 scripts에 정의된 start 명령어

FlatList는 React Native에서 대량의 데이터를 효율적으로 렌더링할 수 있는 컴포넌트.스크롤 가능한 리스트를 만들 때 사용하며, 성능 최적화가 잘 되어 있어서 많은 아이템을 처리할 때도 빠름. 효율적 렌더링:화면에 보이는 아이템만 렌더링하고, 스크롤할 때

React Native에서는 require()가 컴파일 타임에 실행되기 때문에 이렇게 동적으로 사용할 수 없음.require()는 정적인 값만 받을 수 있음 → 즉, 문자열 변수로는 사용할 수 없음컴파일할 때 require()가 실행되어야 하는데, item.img는 런

컴파일 타임과 런타임은 코드가 실행되는 시점이 다르기 때문에, require(item.img)처럼 변수를 사용할 수 없는 경우가 발생하는 것. 💡 코드가 실행되기 전에, 앱을 빌드하는 과정코드를 해석하고 에러를 체크하는 단계정적인 값들은 이때 결정됨require()는

Hooks는 클래스형 컴포넌트 없이도 상태(state)와 생명주기(lifecycle) 기능을 사용할 수 있도록 하는 React 기능React Native에서도 동일하게 사용되며, 함수형 컴포넌트에서 상태 관리와 효과(사이드 이펙트) 처리를 가능하게 해줌.this.sta

📍 대표적인 기능:▶️ 보통 navigate을 사용하지만, 같은 화면을 다시 열고 싶다면 push() 사용 ▶️ replace()는 뒤로 가기(goBack())를 막고 싶을 때 사용.▶️ 스택 관리할 때 pop()과 popToTop()을 활용하면 깔끔하게 정리 가능

useRef는 React에서 값을 저장하고, 변경해도 리렌더링되지 않는 변수를 만들거나, DOM 요소를 직접 조작할 때 사용하는 훅리렌더링 없이 값 유지 (state와 차이점) state는 값이 바뀌면 컴포넌트가 리렌더링되지만, useRef는 값이 바뀌어도 리렌더링되

onBlur는 React에서 입력 필드(input, textarea 등)가 포커스를 잃을 때 실행되는 이벤트 핸들러 ▶️ 즉, 사용자가 입력 필드에서 다른 곳을 클릭하면 onBlur 이벤트가 발생함. ▶️ 반대로, 포커스를 얻을 때는 onFocus 이벤트가 발생함.

onSubmitEditing은 React Native에서 사용되는 TextInput의 이벤트 핸들러로,사용자가 키보드에서 "완료(Enter)" 버튼을 눌렀을 때 실행됨.▶️ 웹에서는 onKeyPress나 onKeyDown으로 비슷한 동작을 구현하지만, React Nat