[RN] Todo 앱 따라하기

jihye_son·2022년 11월 25일
post-thumbnail

프로젝트 시작

npm i -g react-native-cli
npx react-native init ProjectNm 0.68.2 

💢버전명시 필수💢 버전때문에 얼마나 해맸는지.....

그리고 
cd ProjectNm

git 레포 만들고 나오는 대로 입력
첫 커밋하고 파일 삭제하고
다시 클론해옴

다 했으면

애뮬레이터 실행

npm run android 

만약 실행이 안되면

해보고 안되면 
npm i -g react-native-cli
또 
npm run android 
해보고 또 안되면 
npm i 

파일 최상단에 app 폴더 생성
app폴더 안에 App.js, Heading.js 생성

디버깅
http://localhost:8081/debugger-ui/
에서 console 열어서 디버깅 가능

input 에 입력한 값이 이벤트 따라서 v-model 처럼 데이터 변동확인가능

setState() 가 호출될 때마다 리액트는 render를 다시 호출해서 컴포넌트와 자식 컴포넌트를 랜더링한다고 한다.


디버깅하면서 배열에 객체가 담기는 걸 보니까 재밌다

TouchableHighlight은 html에서 Button 태그와 같음

profile
뽀짝뽀짝 나는야 FE 개발자

0개의 댓글