본문 바로가기

728x90

React 시리즈🌐/React Native로 날씨앱 만들기5

☀️React Native로 날씨앱 만들기☀️- 후기😱 처음 배워보는 React 언어라서,, 너무 낯설었다. 그래도 나름 JS와 비슷한 점이 있어서 초반 part 에서는 나름 이해하면서 진도를 나갔던 것 같다.😀 점점 들을수록,, 코드 따라 적기만 바빠지다가 오류 발생하면 어디서 오류가 발생했는지 찾기에 급급했던 거 같다.ㅋㅋ😂😂 오늘 하루종일 이것만 붙들고 있었다..ㄷ ㄷ;;;;;😱😱😱 결국 마지막 강의에서 또 에러가 발생했다고 출력이 안되고 있다.ㅜㅜ (이건 에러 수정후 올리겠음)😮‍💨 결국 에러를 수정? 했는데 저 부분 코드를 지우니까 잘 출력되었다. 아직 코드 이해는 없는 수준이라서,, 왜 그런지 정확히 알려면 좀 더 공부를 해야될듯.. 그래도! 처음 한번 빠르게 훑었다 생각하고 두번째 들을때는 내가 친 코드를 바탕으로 비교해가면서 들을 예정이다. (.. 2021. 8. 17.

☀️React Native로 날씨앱 만들기-아주 간단한 native 정리☀️ 1. 리엑트 네이티브에서 모든 flex box의 디폴트는 flexDirection이 컬럼(column)=(열--행렬 할때 열)이다. 그러니까 텍스트를 추가 할때마다. 옆줄이 아닌 바로 다음 줄로 넘어 간다는 뜻. * 아래사진 참고 물론 바꾸고 싶다면 바꾸어 줄 수 있다. 2. 웹사이트에서 모든 flex 박스의 디폴트는 로우(row) 열 이다. 3. 리엑트네이티브의 는 웹에서 같은 거라고 보면 된다. 4. flex:1 은 모든 공간 사용가능하다는 것 의미함. 2021. 8. 17.

☀️react native 에 대해 정리☀️ 네이티브 처럼 모바일앱을 만드는 3가지 다른 방법 1. 완전 native : swift or object -c 로 ios 앱 만드는것, java or 코틀린 가지고 만드는 안드로이드 앱, 프로그래밍 언어 도 다르고 매우 다름. 네이티브 방식: 1. xcode 2. android studio 2. 앱 기반 웹 뷰를 만드는 것 우리가 정말 간단한 매우매우 심플한 앱을 만들기. (ex: cordova or phoneGap 이용해서 그안에 html,css 를 넣는것) 그러니까 -> 앱 안에서 작동하는 웹사이트 같은거임. 연결을 이어주는 브릿지 같은 거라고 보면 됨. 자바스크립트와 폰 사이의 커뮤니케이션을 위해서 브릿지가 항상 필요함. 그래서 그게 느린 성능을 유발할 수 도 있다. 왜냐하면 브릿지로 많은 데이터를.. 2021. 8. 16.

☀️React Native 방식: expo 와 react native cli 정리☀️ React Native 방식에는 2개가 있다. 1. expo 2. React Native CLI expo 와 리엑트 네이티브 랑 어떤 관련이 있을까? 기본적으로 expo 는 create-react-app 같은거다. expo 는 리엑트 네이티브를 위한 설정 파일같은 것들이 없는 방식으로, 모든것이 셋업이 되어있다. 리엑트네이티브 cli 방식은 너가 native files들을 더 많이 컨ㅌ롤 하고 싶을때를 위한것. 리엑트네이티브 cli 으로 작업할때, 작성자 대신 Xcode 파일을 생성할꺼고, Xcode는 ios고,.. expo는 1. 모든 native files 들을 숨기고 2. 모든걸 관리해줌 3. expo의 가장 큰 장점: 휴대폰에서 앱을 테스트 할 수 있다는 사실 4. expo의 유일한 문제점: na.. 2021. 8. 16.

이전 1 2 다음

728x90

티스토리툴바