Melody Coding

Bottom Bar (하단 바) & 페이지 전환  하단 바와 페이지 전환을 하는 방법을 찾는데 생각보다 오랜 시간이 걸렸다.까먹지 않기 위해 정리해둔다. npm install @react-navigation/bottom-tabsnpm install @react-navigation/native npm install @react-navigation/stack npm install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view위와 같이 명령어를 Terminal에 입력하여 설치해준다. 🙄 importimpo..

iconimport {Ionicons} from "@expo/vector-icons";return  아이콘 종류는 "@expo/vector-icons" 검색하면 페이지 나옴

props Terminal에 설치npm install prop-types import PropTypes from "prop-types";  prop 넘겨줄때 //App.jsreturn ; //temp 값 넘겨줌//이름이름.jsexport default function 이름이름({temp}){ return( {temp} );}이름이름.propTypes={ temp:PropTypes.number.isRequired}

nomadcoders 강의: React Native로 날씨 앱 만들기 (무료)https://nomadcoders.co/react-native-fundamentals React Native로 날씨앱 만들기 - 노마드 코더 Nomad CodersReact Native Fundamentalsnomadcoders.co 🙄 Layout) flex: 1 = 모든 공간 사용 가능하다는 것(my opinion: 비율로 공간 차지) flex box: 디폴트 = flexDirection이 컬럼(column) * flex로 레이아웃 코딩 권장 _ 다른 사이즈의 화면에서도 맞춰짐  🙄 API) react-native: navigator.geolocation 통해서 API 사용 가능expo: location 통해서 API ..

nomadcoders 강의: React Native로 날씨 앱 만들기 (무료)https://nomadcoders.co/react-native-fundamentals  React Native로 날씨앱 만들기 - 노마드 코더 Nomad CodersReact Native Fundamentalsnomadcoders.co 🙄 react-native) 자바스크립트를 이용해서 ios, android의 네이티브 엔진에게 메세지를 보냄자바스크립트와 폰이 bridge 역할  🙄 expo) create-react-app과 비슷한 것react Native를 위한 설정 파일 같은 것들이 없는 방식native files들을 숨기고 모든걸 관리해줌핸드폰에서 앱 실행하며 확인 가능ios와 안드로이드 위한 앱 빌드but nativ..