React (2) 썸네일형 리스트형 React Hooks Hooks가 필요한 이유React에서 동적인 UI를 구현하기 위해서는 다음과 같은 기능들이 필요하다.사용자 입력에 따른 화면 업데이트데이터 변경 시 자동 화면 갱신외부 API와의 연동컴포넌트 생명주기 관리Hooks는 이러한 기능들을 함수형 컴포넌트에서 구현할 수 있게 한다. 주요 Hooks1. useState - 상태 관리의 기본이 되는 Hookconst [state, setState] = useState(initialValue);역할: 변경되는 값을 저장하고, 그 값이 변경될 때마다 화면을 렌더링사용 시기:사용자 입력 값을 저장할 때 (입력폼)화면에 표시되는 데이터가 변경될 때 (카운터, 토글)서버에서 받아온 데이터를 저장할 때ex) 실시간으로 바뀌는 점수판. 점수가 바뀔 때마다 모두가 볼 수 있게 .. Mac 환경에서 Expo 처음 시작하기 1. Node.js 설치.brew install node 2. 원하는 위치에서 create-expo-app으로 프로젝트 시작.(프로젝트를 시작하는데 있어 도움이 되는 예제 코드가 포함되어있음.)npx create-expo-app@latest 3. 원하는 프로젝트명을 입력하고 설치. 4. 서버 시작.npx expo start 5. 코드 변경.app/(tabs)/index.tsx 파일에서 코드를 변경해본다. 6. 프로젝트 재설정.app폴더에 있는 예제코드들을 app-example로 옮긴 뒤, 새 index.tsx 파일이 있는 app폴더를 다시 만든다.npm run reset-project 이전 1 다음