목록ReactNative (12)

FrontEnd :-)

[RN] study 2week ③Todo App

[work-travel(todo) app 만들기] ——————3.0 Introduction—————— expo init WorkHardTravelHardApp 지우고 폴더 옮겨서 다시 설치했다. yarn start (yarn이 설치되어 있었는지 yarn으로 하라네,..?) git repository 연결까지 완료 ——————3.1 Touchables—————— TouchableOpacity =>애니매이션 효과, 누르면 투명해지는, 투명도 설정 가능. Work TouchableHighlight => TouchableOpacity를 더 많이 쓴다!? console.log("pressed")} > Travel TouchableWithoutFeedback => UI 변화는 없다. 유저에게 이벤트를 보여주고 싶지..
React Native 2023. 2. 10. 18:24
[RN] study 2week ②Weather App

[Weather App 만들기] - snack.expo.dev 에서도 시뮬레이터 볼 수 있음~ - div 사용 불가~ => View StyleSheet.create expo-status-bar - ——————2.4 Layout with Flexbox—————— npm start => press i ==> Opening on iOS -기본적으로 모든 View는 Flex Container임. display=flex 필요 없어. 그리고 RN에서 Flex Direction의 기본값은 column임. (웹에서는 row) -flex 부모를 만들고 자식을 내가 원하는 비율로 조정할 수 있음. ——————2.5 Style—————— expo 패키지로 위치 정보 가져오기. const [city, setCity] = us..
React Native 2023. 2. 7. 15:44
[RN] study 2week ①expo 설치

React Navtive 스터디 1-2week 노마드코더 강의- 왕초보를 위한 React Native 101(https://nomadcoders.co/react-native-for-beginners) [설치] expo 설치 npm install --global expo-cli https://brtech.tistory.com/124 Error: EACCES: permission denied 문제 해결 방법 node-sass 를 설치하려고 sudo npm install -g node-sass 를 하니 /usr/local/bin/node-sass -> /usr/local/lib/node_modules/node-sass/bin/node-sass > node-sass@4.13.0 install /usr/local..
React Native 2023. 2. 7. 15:11
[RN] study 1week

React Navtive 스터디 1week 도서: [리액트 네이티브를 다루는 기술 / 김민준 / 길벗] (1장) 1.1 리액트 네이티브란? : 자바스크립트와 리액트 라이브러리를 사용해 네이티브 앱을 개발할 수 있게 해주는 기술. 리액트? 웹 애플리케이션의 UI를 편하게 만들기 위해 페이스북에서 개발한 자바스크립트 라이브러리. ==> 이 기술을 사용해 만든 앱은 애플의 iOS 환경, 구글의 안드로이드 환경 모두에서 구동. ==> 리액트 네이티브를 사용해 만든 프로젝트에는 JavaScriptCore라는 자바스크립트 엔진이 탑재되어 있으며 이 자바스크립트 엔진을 통해 우리가 작성하는 모든 자바스크립트 로직을 앱 내에서 실행해주는 것이다. (자바스크립트로 작성한 코드가 네이티브에서 사용하는 코드로 변환되는 것 ..
React Native 2023. 2. 4. 23:20
이전 Prev 1 2 Next 다음