React Native 앱을 시뮬레이터에서 실행하기 위해 yarn run ios 를 실행했으나 빌드 실패가 됐습니다. node_module 폴더를 삭제 후 재설치를 했는데도 안됐습니다. Xcode에서 빌드를 돌렸을 때 뜨는 오류는 '4 duplicate symbols for architecture x86_64' 라는 오류였고 VScode에서는 아래 이미지처럼 엄청나게 많은 오류메시지가 좌르르륵 출력되면서 Build Fail 처리되었습니다. 구글링을 해보니 해당 오류가 뜨는 이유는 여러 경우가 있는 것 같은데 저의 케이스의 경우는 유사한 라이브러리가 두 개 이상 설치 되어있을 때 라이브러리끼리 충돌이 일어나 발생하는 문제인듯 했습니다. duplicate symbol 메시지를 보면 react-native-b..

RN이 동작하는 원리를 알기 이전에 먼저 Thread 의 개념을 알아야한다. Thread란? 실행되는 프로세스 내에서 실제로 작업을 실행하는 주체로, 가장 작은 작업의 단위로 볼 수 있다. 명령어를 실행하여 처리하는 주체이다. 음식점에서, 여러가지 음식을 만드는 행위로 빗대어 말할 수 있다. (= 다양한 작업을 실행하는 주체) 보통 프로세스 하나 당 하나의 스레드를 가지고 있지만, 환경에 따라 두 개 이상의 스레드를 가질 수 있으며, 이를 멀티스레드 라고 한다. React Native 의 4가지 Thread React Native 에는 4가지 Thread가 있다. 1. Main Thread 또는 UI Thread Native 영역에 레이아웃을 그려주는 역할을 한다. 2. JavaScript Thread ..

Bottom Sheet 위 그림처럼, 아래에서 부터 위로 올라오는 일종의 보조 페이지를 Bottom Sheet 라고 한다. react-native-bottom-sheet 내가 사용한 Bottom Sheet 라이브러리이다. 최근까지도 업데이트가 이루어지고, 내가 원하는 형태의 UI라서 사용해야겠다고 생각했다. gothom Bottom Sheet 의 Document 사이트이다. 정리가 꽤 잘되어있는 것 같아 많아 참고했다. 설치 및 설정 방법 Getting Start 를 따라 따라하면 된다. 처음에는 적당히 설치 CLI만 보고 설치했다가, 실행이 안되어서;; 뭐가 문제인지 몰랐는데 제대로 읽지도 않고 설치했던 게 문제였다. 1. bottom sheet library 설치 $ yarn add @gorhom/b..

회사에서 리액트 네이티브로 프로젝트를 만드는데... 프로젝트 구조부터 만들어야 해서 버전 선택과 타입스크립트 사용 여부 등 모든 것을 처음부터 결정해야 했다. 우리 부서에서 구축된 개발 환경은 아래와 같다. (최신버전..) ✅ 우리부서 ✅ react : 18.0.0 react-native : 0.69.1 typescript 사용예정 O 다른 부서는 어떻게 하고있는지 궁금해서 다른 부서 선임 개발자분들의 자문을 구한 현재 개발 환경은 아래와 같았다. 사용 이유는 0.68 버전이 현재로서 그나마 안정적이고, 0.69 버전은 너무 최신이라 호환성와 안정성이 떨어져 선택하지 않으셨다고 한다. 👨🏻‍🏫 타부서 👨🏻‍🏫 react : 17.0.2 react-native : 0.68.2 typescript 사용 X ..

리액트 네이티브로 Adroid와 iOS 앱을 빠르게 개발이 가능하며, 여러가지 장점이 있고 점차 발전해왔다는 점은 좋지만 ... 단점이라면 초기 세팅할게 너무 많다. 1. Homebrew 설치 Homebrew : MAC/Linux에서 패키지를 설치하고 관리할 수 있는 맥용 패키지 관리자 ## 설치여부 및 버전 체크 $ brew --version ## 설치하기 $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" homebrew 사이트에서 복사하여 설치 가능 참고로, 기존 Homebrew 경로는 Intel칩 기준이라, /opt 경로로 바꿔줘야 한다고 한다. 아래 명령어도 입력해준다. #..