반응형

React Native 3

[ React Native ] 리액트 네이티브 기본강좌 5강 - state

www.youtube.com/watch?app=desktop&v=_Y3bTACoi2U 이 강의 참고 그러나.. 이분은 계속 class형을 사용하기 때문에 공식 문서에서 이 부분을 찾아서 function 형으로 고쳐서 작성하고 있다. 시간이 배로 걸리지만... 공식 문서가 친절해서 다행이다. 공식문서를 나중에 따로 정리할까 했지만 나중에는 또 안할거같아서 그냥 이해한대로 정리를 해야겠다. State란? 컴포넌트 내에서 값을 변경하거나 지정할 때 State를 사용한다. - 글로벌 변수라고 생각하자!! - State의 초기설정과 값 변경을 익혀야 한다. state 는 컴포넌트의 개인 데이터 저장소와 같다! 대체로 랜더링할때 컴포넌트를 확인하기 위해 props를 사용하고, 시간이 지났을 때 변할 법한 컴포넌트 ..

🎸/React Native 2021.02.05

[ React Native ] 리액트 네이티브 기본강좌 4강- props 정리

www.youtube.com/watch?v=1HWlWWnkNcU&list=PL60Uti4nULBN7EQYmgjksXJXnkufo0m-9&index=7 참고 강의영상 4강에서는 props에 대한 개념과 이미지를 넣는 방법을 배웠다. Props 란? "리액트는 다수의 컴포넌트로 이루어져있는 결정체이다. 컴포넌트 간 값을 공유하기 위해 Props라는 객체를 이용한다" Post 나 GET 처럼 파라미터를 넘기는 방식 리액트에서는 컴포넌트간 값을 넘길 때 props를 이용한다 이런식으로 오른쪽 화면 제목에 입력한 값이 왼쪽 제목으로 그대로 들어온다 😇 이미지 삽입하기 (function 형) 우리는 class 형이 아니라 function형으로 통일하기로 해서 위의 강의 동영상 속 코드를 function형으로 바꾸어..

🎸/React Native 2021.02.05

[ React Native ] 새로운 어플리케이션 만들기

이미 global하게 react-native-cli 패키지를 설치했다면 예상치 못한 이슈가 발생할 수 있으므로 지우세요... 1. AwesomeProject라는 이름의 새로운 리액트 네이티브 프로젝트를 만들어보자 npx react-native init AwesomeProject 이미 존재하는 어플리케이션에 리액트 네이티브를 통합시키는 중이거나. Expo에서 "ejected"했거나, 기존의 React Native 프로젝트에 ios support를 추가하는 중이라면 (참고 페이지 :reactnative.dev/docs/platform-specific-code) 이를 실행할 필요가 없다. 또, React Native app을 시작하기 위해 Ignite CLI(github.com/infinitered/ignit..

🎸/React Native 2021.02.03