반응형

리액트네이티브 3

[ 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

[ React Native ] React Native CLI Quickstart 리액트 네이티브 환경 구축

Dependency 설치방법 Node & Watchman brew install node brew install watchman Node가 이미 설치되어있다면 버전 10 이상이어야함. Watchman은 페이스북이 제공하는 툴인데 파일 시스템 발생하는 변화를 관찰하는 툴이다. Xcode & CocoaPods Xcoed를 가장 쉽게 설치하는 방법 ➡️ apps.apple.com/us/app/xcode/id497799835?mt=12 Xcode를 설치하면 ios Simulator랑 ios app을 사용하는 모든 필수 툴이 같이 설치된다. 이미 xcode 가 설치되어있다면 9.4 이상 버전인지 확인해야한다. ‎Xcode ‎Xcode includes everything developers need to creat..

🎸/React Native 2021.02.03