코드로 대화하기

안녕하세요! React Native Navigation 사용법을 알아보겠습니다. 보통 React에서는 페이지 이동 시 href 혹은 router로 제어하지만 RN에서는 navigation으로 제어합니다. 설치 npm install @react-navigation/stack @react-navigation/bottom-tabs 설치 후 오류가 난다면 아래 주소를 참고해주세요. https://talkwithcode.tistory.com/category/React%20Native%20Error 'React Native Error' 카테고리의 글 목록 talkwithcode.tistory.com 구조 잡기 저는 주로 Stack Navigator와 Bottom Tab Navigator를 혼합하여 사용하고 있습니다..

"Tried to register two views with the same name RNSScreenContainer" React Native에서 navigation 세팅하다가 위와 같은 오류가 있었는데요 서로 다른 버전의 패키지가 node_module에 설치되어 나는 오류라고 합니다. 저는 버전을 맞춰주기 위하여 "npm update"를 사용하였습니다. 참고 : https://github.com/software-mansion/react-native-screens/issues/15 Tried to register two views with the same name RNSScreen · Issue #15 · software-mansion/react-native-screens Getting the foll..

react-native run-ios 했을 때 제목과 같은 오류가 낫습니다. React Navigation은 몇 가지 핵심 유틸리티로 구성되는데 설치가 안되어있어서 나는 오류입니다. 터미널에서 아래 명령어를 치면 해결됩니다. npm install @react-navigation/native npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view npx pod-install ios react-native run-ios 참고 : https://stackoverflow.com/questions/..

warn Failed to connect to development server using "adb reverse": spawnSync adb ENOENT info Starting the app... error Failed to start the app. Error: spawnSync adb ENOENT android-platform-tools 가 없어서 나는 오류로 설치해주면 됩니다. Home Brew로 설치 brew install --cask android-platform-tools 위 코드로 설치 후 터미널에서 adb version을 입력하면 확인 가능합니다. Home Brew란 macOX 용 패키지 관리자로 커맨드 라인 도구, 시스템 패키지, GUI 애플리케이션 설치에 사용합니다. 맥 OS를 사용..

오늘은 React-Redux를 알아보겠습니다. 최대한 redux를 모르는 사람한테 설명한다는 가정하에 글을 작성하였습니다. 리덕스는 상태 관리 툴로 프로젝트 전역에서 사용할 수 있는 변수를 생성한다고 생각하시면 됩니다. redux를 사용해야 하는 이유는 아래와 같습니다. 1. 값을 넘길 때 props로 연속해서 타고 들어갈 일이 없어집니다. 2. 프로젝트 규모가 커질수록 필요성이 커집니다. 3. 리덕스 값이 바뀔 때 사용하고 있는 컴포넌트가 자동적으로 리렌더링이 일어납니다. 이외에도 비동기, 미들웨어에 관한 것이 있습니다. 저희의 목표를 1번에서 말한 props로 타고 들어갈 일 없이 전역적으로 변수를 관리가 가능하게끔 만드는 것으로 잡겠습니다. 이번 글에서 다루는 코드는 아래 깃에 모아두었습니다. ht..

예시 코드 https://github.com/hellojaehyeok/kakao-share GitHub - hellojaehyeok/kakao-share: 카카오톡 공유하기 기능입니다 카카오톡 공유하기 기능입니다. Contribute to hellojaehyeok/kakao-share development by creating an account on GitHub. github.com 사용법 1. https://developers.kakao.com/ 에 접속하고 내 어플리케이션을 클릭합니다 2. 플랫폼 -> Web에서 공유할 URL을 넣습니다. 예를 들어로컬 환경에서 네이버 링크를 공유하고 싶을 경우 네이버 링크를 넣어야 합니다. 3. html에 아래 코드를 넣습니다. 4. 예시코드를 참고하여 코드를 ..

위 사진과 같이 공식 문서에서도 replaceAll이 실행이 안될 때가 있습니다. 크롬 버전이 낮아서 생기는 오류로 업데이트해 주시면 됩니다. 참고 : https://stackoverflow.com/questions/62825358/javascript-replaceall-is-not-a-function-type-error

Mac 환경입니다. react에서 https 설정 후 npm start 실행하면 ERR_SSL_PROTOCOL_ERROR 가 나올 때가 있습니다. package.json에 아래와 같이 설정하면 해결됩니다. "start": "export HTTPS=true&&SSL_CRT_FILE=cert.pem&&SSL_KEY_FILE=key.pem react-scripts start",

html 1 2 3 4 5 javascript const onChangeSelect = (_selectBox) => { const selectBox = document.querySelector("#selectBox"); // selectBox 혹은 _selectBox로 셀렉트박스에 접근합니다. const currentOption = selectBox.options[selectBox.selectedIndex]; console.log(currentOption); }

mac에서 npm install시 오류가 날때가 있습니다. 아래 2개 커맨드를 차례로 실행시키시면 됩니다. sudo rm -rf /Library/Developer/CommandLineTools xcode-select --install 설치가 잘 되었는지 확인해봅니다. xcode-select --print-path 아래와 같이 Path가 나오면 다시 npm install 을 수행하면 됩니다. /Library/Developer/CommandLineTools * 참고 https://jojoldu.tistory.com/566