본문 바로가기

코딩일기/React-Native15

[ES6 기초] 변수 생성 방법 및 String literal 변수 생성 방법 var var로 변수를 만들게되면 같은 변수명으로 변수를 2개 생성하게 되면 오류가 발생하지 않고 가장 뒤에 생성된 값으로 변수를 생성하게 된다. ex) var hello = "world"; var hello = '월드; console.log(hello); 이런식으로 하게 되면 console에서 찍히는것은 '월드' 라는 값이다 let let은 위와 같은 상황을 방지하기 위해서 만든 자료형이다. 이건 같은 변수명으로 변수를 2개이상 만들수가 없다. let과 var를 같이 쓰게 되더라도 같은 변수명이면 오류가 난다. 즉 let으로 변수를 만들게되면 같은 변수명을 사용하게 되면 오류가 난다. 하지만 오류가 안나게 되는 경우가 있는데 둘다 같은 위치 즉 같은 지역안에 있으면 오류가 나는데 서로 .. 2021. 5. 10.
React Native Navigation - Stack Navigation을 활용한 페이지 이동 이번에 React Native에서 화면 Navigation을 이용한 화면 이동을 예제를 알아보려고 한다. react-native에서는 화면간의 이동을 navigation이라고 한다. 화면간의 이동 방식에는 여러 방식들이 존재하지만 이번에 내가 해볼것은 StackNavigation 방식이다. 일단 react-native-navigation을 사용하려면 npm install부터 해야한다. npm install @react-navigation/native npm install @react-navigation/stack --legacy-peer-deps 이걸 먼저 install 해줘야지만 react-native에서 해당 기능을 사용할수가 있다. 자 이제 설치가 완료되었으니 App.js에서 소스를 작성해보자. 일.. 2021. 4. 19.
[React-Native] Window에서 React-Native 시작하기!! 이번에 친구들과 한번 React-Native로 앱을 만들어 보려고 해서 React-Native로 시작하기로 했다. React-Native는 시작하는 방법은 expo-cli로 시작하는 방법이 있고 react-native cli로 시작하는 방법이 있다. expo-cli는 시작할때 네이티브기능(핸드폰 내의 특별한 기능)들을 사용할수 있지만 그만큼 무거운 단점이 있고 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있어 많은 사람들이 Expo cli를 추천하지 않는다. 그래서 이제 react-native cli를 시작해야 하는데 이를 하기 위해서는 Nodejs, Python, Android studio등을 설치해야 한다. 그럼 자세히 단계적으로 살펴보자. 1. Chocolatey Chocol.. 2021. 4. 12.