배운걸 기록하고 공유하기

대부분의 앱에서는 화면간 이동이 필요합니다. 플러터와 달리 리액트 네이티브에선 서드파티에 의존해서 해당 기능을 구현해야 합니다. 우선 필요한 라이브러리들을 설치해주겠습니다. yarn add @react-navigation/native react-native-screens react-native-safe-area-context @react-navigation/native-stack App.tsx를 NavigationContainer로 감싸주어야 사용할 수 있습니다. import React from "react"; import { NavigationContainer } from "@react-navigation/native"; function App() { return ( {} ); } export defa..

리액트 공부를 하던 중 const Counter = () => { const [count, setCount] = useState(0); const onIncrease = () => { setCount(count + 1); } const onDecrease = () => { setCount(count - 1); } return ( {count} + - ) } 이러한 형태의 카운터를 구현해보았다. 내 지식에 의하면 count + 1 이나 count++이나 같다고 생각하고 위 예제를 count++로 바꾸어보았다. WARNING in src\Counter.js Line 8:18: 'count' is constant no-const-assign Line 12:18: 'count' is constant no-con..

RN 프로젝트를 타입스크립트로 프로젝트를 생성하려고 npx react-native init LearnType --template react-native-template-typescript 해당 명령어를 입력하면 잘 되는것 같다가 error An unexpected error occurred: "https://registry.yarnpkg.com/react-native-template-react-native-template-typescript: Not found". 이런 에러가 나는데요 rn cli 개발은 이미 커뮤니티로 넘어가서 그렇다고 합니다. npm uninstall -g react-native-cli 기존 cli는 지워주시구요 npm i -g @react-native-community/cli 커뮤니..

react native로 간단한 앱 구현을 하면서 공부하던중 패키지 네임이 중복되어 파이어베이스에 등록이 되지 않았다. (패키지 네임을 변경하는건 생각보다 쉬우나 한번에 잘 생각해서 정하는 걸 추천) 변경 후 앱을 실행했는데 위 사진과 같이 에러가 생겼다. app.json파일을 열어보자 { "name": "my_first_project", "displayName": "my_first_project" } packagename은 simpletodo로 바꾸었는데 app.json은 변경하지 않아서 생긴 에러 app.json내에 name도 맞춰주니 해결되었다. 참고링크 https://stackoverflow.com/questions/62649381/invariant-violation-main-has-not-bee..