배운걸 기록하고 공유하기

대부분의 앱에서는 화면간 이동이 필요합니다. 플러터와 달리 리액트 네이티브에선 서드파티에 의존해서 해당 기능을 구현해야 합니다. 우선 필요한 라이브러리들을 설치해주겠습니다. 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..

에러로그 listen EACCES: permission denied 0.0.0.0:3000 at Server.setupListenHandle [as _listen2] (node:net:1313:21) at listenInCluster (node:net:1378:12) at Server.listen (node:net:1465:7) (...) { code: 'EACCES', errno: -4092, syscall: 'listen', address: '0.0.0.0', port: 3000 } 해결과정 1. netstat -ano | find "3000" 커맨드로 3000포트를 찾아보았지만 실행중이지 않음 2. 관리자권한으로 실행해보고 혹시 윈도우에선 안되는 명령어일지 몰라서 gitbash로 해봄. 역시 안됌 ..

리액트 공부를 하던 중 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 커뮤니..