전체 글

문제 상황React Native 프레임워크인 Expo에서 iOS 에뮬레이터로 앱을 실행하려는데 인식하지 못하는 경우가 있다. XCode는 정상적으로 설치했음에도, App Store에서 설치할 것인지 계속 묻는다. 예를 들면 아래와 같은 식이다.$ npm run iosXcode must be fully installed before you can continue. Continue to the App Store? 해결 방법다음 명령어를 입력해서 경로를 설정한다. $ sudo xcode-select -s /Applications/Xcode.app/Contents/Developer 다음 다시 npm run ios 명령어를 실행한다.그럼 Expo에서 자동으로 시뮬레이터를 인식해서 앱 프로세스를 실행한다. $ np..

React + Typescript로 개발 중인 앱에 지도 기능이 필요해서 구현하는 방법을 찾아보았다. 지도 서비스를 제공하는 플랫폼에는 카카오, 네이버, 구글 등이 있는데, 평소에 마음에 들어 자주 사용하는 네이버 지도를 선택했다. 사용자의 입장에서 개발하는 입장이 되니 비용, 구현 방법 등 알아야 할 것이 생각보다 많았고 궁금해졌다. 그래서 이번에 React + TypeScript 환경에서 Naver Maps로 지도를 그리기 위해 알아본 내용들을 글로 정리해 보았다. 쓰다 보니 내용이 길어져서 소개 및 환경설정에 대한 내용과 구현 내용을 분리하기로 했다. 이번 글에서는 소개 및 환경설정에 대한 내용을 다룬다. 개발을 시작하기 전에 알아두면 좋을 Naver Maps의 기능, 요금 안내, 환경 설정에 대해..

오류 발생 VSCode에서 Typescript로 작성된 테스트코드에 붉은 밑줄이 그어지며 오류 메시지가 나타났다. 참고로 yarn test 같은 테스트 실행 명령어로 동작은 잘 되는 상태였다. 오류 상세 Cannot find name 'test'. Do you need to install type definitions for a test runner? Try `npm i --save-dev @types/jest` or `npm i --save-dev @types/mocha`.ts(2582) 원인 분석 VSCode에서 Jest의 타입을 불러오지 못해서 발생한 오류였다. 해결 방법 해결방법은 tsconfig.json 파일에 아래와 같이 "@types/jest"를 추가한다. 물론 tsconfig..

Yarn V1에서 의존성을 추가하면 CommonJS, ESM 모듈 간 충돌하는 이슈가 지속적으로 발생해서 Yarn V4로 마이그레이션 하는 작업을 진행하였다. 본 글에서는 Yarn Classic이라고 부르는 V1에서 Yarn Berry(Yarn V2+을 지칭하는 명칭)로 마이그레이션 하는 방법에 대해 알아본다. 1. Yarn 버전 확인 yarn -v 를 입력해서 현재 yarn 버전을 확인한다. 명령어를 실행하니 1.22.22 버전이 설치되어 있다. $ yarn -v 1.22.22 2. Node 버전 확인 Yarn Berry로 업그레이드하기 위해서는 Node.js 18 버전 이상이 설치되어있어야 한다. node -v 명령어로 버전을 확인해 보니 20.10.0 버전이 설치되어 있다. 만약 18 버전보다 낮다..