본문 바로가기

네이티브2

0039. 실전 FE 개발 배우기2 - 환경설정하기 마무리, 코드분석 (Feat. 이게 왜 되지..?) 섹션 0. 리액트 네이티브 시작! 6강. 프로젝트 시작하기 기본 폴더 : C:\Users\사용자 실행 : npm i -g react-native - 리액트 네이티브의 전역 설치 실행 : npx react-native init FoodDeliveryApp 설치 후에 ls 명령어 입력 후 FoodDeliveryApp 뜨는지 확인 작업 폴더가 여러 개라면 간단하게 추가할 수 있다. 좌측의 Workspace에서 우클릭 후 Add Folder to Workspace... 를 클릭하면 된다. 그러면 위처럼 폴더가 추가된 것을 확인할 수 있다. Commit 해서 Girhub에 올릴 수 있는 칸도 어려 갈래로 나눠진다. 문제는 지금 npm run android가 안된다는 것이다. 많은 검색을 통해 느낀 건, 지금 저 .. 2024. 1. 16.
0014. Front-end 공부하기5 - State and Lifecycle(★중요★), React Developer Tools 섹션 6. State and Lifecycle 1강. State와 Lifecycle의 정의 State는 리액트의 핵심 개념, 완벽하게 이해될 때까지 들을 것 1) State State : 상태 = 리액트 Component의 상태 = 리액트 Component의 데이터 = 리액트 Component의 변경 가능한 데이터 개발자가 정의한다. 주의점! : 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함! 관련 없는 값까지 state에 포함시키면 불필요한 경우에 컴포넌트가 다시 렌더링 되어 성능을 저하시킬 수 있음 state는 따로 복잡한 형태가 있는 것이 아니라 그냥 하나의 JavaScript 객체이다. 이렇게 정의된 state는 정의 이후 일반적인 JavaScript 변수를 다루듯이 직접 수정.. 2023. 12. 15.