내 개인 맥북(19년 intel pro)으로 RN을 돌렸던 프로젝트 버전이 0.67이었고, 최근에 프로젝트가 생겨 0.70에 맞게 공식문서와 내 환경설정에 비교한 뒤 구동을 해보았다. 위 사진과 같이 되는 듯 싶었으나... 이런 식으로 네이티브 단에서 크러쉬 리포트를 뿜어내며 앱이 튕긴다. Termination Reason를 보면 어떤 사유로 일어났는지 잘 보여준다. 나같은 경우는 hermes 관련 에러가 일어났는데, Podfile을 보면... 관련 설정이 되어있고, 주석으로 설명되어있다. true를 false로 바꿔주고 다시 pod install 후 빌드하면 잘 된다! 추가로 크러쉬 리포트는 네이티브단 설정이 충돌이 나면서 발생하므로, 네이티브 설정을 중점적으로 확인하자. Xcode을 변경하였을 경우에..

객체의 선언은 아래 코드와 같다. const tistory = { author: "cotist", date: "22/07/31", age: 8, }; tistory라는 객체를 선언을 하였다. 각 요소의 좌변은 키(key)이며 author, date, age에 해당되며 우변은 키의 값이다. 객체의 요소에 접근하는 방법은 두 가지가 있는데 콘솔 로그로 아래 코드를 보자. const tistory = { author: "cotist", date: "22/07/31", age: 8, }; // 객체의 요소에 접근하는 방법 console.log(tistory.author); console.log(tistory["author"]); 두 결과 모두 cotist가 나올 것이다. 다음은 객체를 추가하는 방법이다. 처음에..

사내에서 3개월간 React Native를 처음 접한 주니어 개발자가 혼자서 Create Project부터 스토어 배포까지 겪었던 회고록을 정리하면서 React Native에 대한 경험을 공유드리고자 합니다. 이 포스팅을 통하여 RN(React Native)에 대해 처음 접하시려는 분들부터 RN으로 프로젝트를 착수 중인 개발자 분들에게 조금이나마 도움과 공감이 되었으면 좋겠습니다😄 (회고록이어서 격식체는 빼고 하겠습니다.) 우리 회사는 개발자 인원이 풀스택 1명, 프론트엔드 1명(본인)으로 영세 수준의 규모이다. 프로젝트 사이즈를 보았을 때 본래 5명 이상의 편제가 필요하였지만, IT문화가 잡히지 않은 회사라 개발자 구하기가 쉽지가 않았다.. 주요 프로젝트의 착수 8개월 차에 그동안 미뤄왔던 앱 개발도 ..

Uncaught Error: Expected `onClick` listener to be a function, instead got a value of `string` type. Uncaught Error: Expected `onClick` listener to be a function, instead got a value of `object` type. Uncaught Error: Expected `onClick` listener to be a function, instead got a value of `boolean` type. 위의 에러 구문이 발생하는 원인은 리액트의 이벤트 핸들러(event handler)는 반드시 '함수' 형태로 받아야 하는데, '함수가 아닌 다른 형식'으로 받았기 때문입니다...

리액트 훅스 버전으로 구글 맵을 띄워보는 작업을 해보겠습니다! 1. Google Maps API 발급하기 구글 맵스 플랫폼 사이트에 접속합니다 cloud.google.com/maps-platform/?hl=ko Geolocation API | Google Maps Platform | Google Cloud Google Maps Platform을 선택하면 정확한 실시간 데이터 및 동적 이미지로 몰입형 위치정보 활용 환경을 만들고 더 나은 비즈니스 의사결정을 내릴 수 있습니다. cloud.google.com "시작하기" 버튼을 클릭합니다 다음 결제 항목에서 안내하는 대로 입력합니다. 자동 결제와 같이 추후에 돈이 빠지는 일은 없으니 걱정하지 마시고 진행하시면 됩니다 "사용자 인증 정보" 항목을 클릭하면 발급..

공식 문서에는 순수 JavaScript를 이용한 API 적용 방식만 기재되어 있기에, React Hooks 환경으로 코드를 변형하기 힘들어 하시고 있는 분들에게 도움이 되었으면 좋겠습니다❗️ 1. Kakao 지도 Javscript API 키 발급 받기 developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위 주소로 접속, 로그인 후 내 애플리케이션을 클릭합니다. 그러면 위의 첨부사진에 있는 "애플리케이션 추가하기"를 선택 앱 이름과 사명자명을 기재해야하는데, 추후 수정도 되는 부분이니 적당하게 기입해주세요. "앱..