결과 화면 세부 요구사항 지도를 통해 저장된 맛집 리스트 확인가능 맛집으로 등록된 마커 클릭 시 해당 맛집 정보 확인가능 최초 로딩 시 권한이 있는지 체크하고, 있다면 현재 위치를 표시함 검색바에서 주소 검색하여 해당위치로 이동가능 맵을 길게 누르면 해당 위치의 주소를 불러옴 지정된 주소가 있다면 등록하기 버튼으로 맛집 ...

patch package 라이브러리나 프레임워크 등 npm 패키지 자체의 수정이 필요할 때 patch-package라는 패키지를 이용할 수 있다. 패키지 의존성은 그대로 유지하면서, 변경한 npm 패키지의 내용을 버전 관리 대상으로 간단하게 만들 수 있다. patch-package는 node_modules 안의 수정사항을 Git으로 관리한다. ...

발생 원인 MacOS 소프트웨어 업데이트 이후로 pod명령어가 인식되지 않는 문제가 발생했다. 해결 과정 cocoapods 재설치 sudo gem install cocoapods로 진행하였으나, 다음과 같은 에러가 출력되었다. You don t have write permissions for the Library Ruby Gems ...

결과 화면 수평일 경우 위아래 모두 초록색화면이 되고, 기울어지면 빨간색으로 변한다. 기기를 세울경우, 위쪽에 위치하는 부분이 빨간색으로 변한다. 핸드폰을 정상방향으로 세우면 y값이 -1~0값이 되고, 거꾸로 세우면 0~1값이 된다. 가속도 센서 가속도센서란 지구의 중력가속도를 기준으로 사물이 얼마만큼의 힘을 받고 있는지를 측정...

결과 화면 실행 npm run ios && npm run android xcode와 android studio를 설치하거나, 직접 모바일 기기를 연결하여 프로젝트 결과를 확인할 수 있다. Calculator Project npx react-native init RNCalculator --template react-nativ...

React Native 동작원리 Thread 실행되는 프로세스 내에서 실제로 작업을 실행하고, 명령어를 실행하여 처리하는 주체이다. React-Native Thread Main Thread or UI Thread : Native 영역에 레이아웃을 그려줌 JavaScript Thread : 작성한 Javascript가 실행되는 곳 N...

Android application : 안드로이드에서 전체 앱상태를 관리하는 class event를 전달하기 위한 함수를 제공 onCreate : 어플리케이션이 실행될때 최초에 호출 onTerminate : 어플리케이션이 종료될 때 호출 manifest android 앱의 메타...

Expo CLI의 한계점 expo sdk 미지원시 불편함 지원하지 않는 sdk를 사용하면 eject해서 사용해야함 공유하기,카카오 로그인,네이버 로그인 등 네이티브 모듈을 사용할때 발생 → bare workfolw로 변환해야함 eas build system의 빌드시간 빌드를 걸...

Jest는 자바스크립트에서 유닛테스트를 만들 때 가장 범용적으로 사용되는 meta에서 개발한 테스트 프레임워크이다. 기본 테스트 구조 test('테스트 설명문', () => { expect(1+1).toBe(2) }) Jest 사용 npm install —save-dev jest @types/jest typescript 사용시 @ty...

테스트 에러를 사전에 검사하기 위한 것 동작이 이전과 다른것이 있는지 검사하는 것 사전 검증을 통하여 안정성 있는 앱을 전달하기 위함 static analysis(정적 분석) 코드 상에서 있는 문제를 바로 알아낼 수 있는 것 type checking(typescript,flow 등) Lint(ESLint) 가장 쉽게...