Authentication & Authorization 패턴을 위한 Token과 첫 진입을 판단하는 DeviceID 등, 앱이 종료되어도 유지되는 데이터를 관리하기 위해 로컬 스토리지를 사용했다. Expo의 경우, 로컬에 데이터를 저장하는 방식이 두가지 존재하는데, 두 저장 방식을 알아보도록 하자! 📍 Async Storage key-value 기반의 데이터를 암호화하지 않고, 저장하고 불러올 수 있도록 하는 라이브러리이다. 설치 npx expo install @react-native-async-storage/async-storage 사용법 AsyncStorage.setItem() , AsyncStorage.getItem() API를 통해 데이터를 저장, 불러올 수 있다. 비동기적으로 동작하기 때문에 P..
분류 전체보기
❗️ 문제EAS 빌드 이후 iOS와 Android 테스트 하던 중, iOS에서만 외부 API가 전혀 동작하지 않았다.( Postman이나 Android에서는 잘 동작했다. ) Sentry로 에러 추적 결과,https://semi-calories.sentry.io/share/issue/d67573a9a86a465e8a7a4f971fe5a156/ AxiosError: Network ErrorNetwork Error AxiosError /Users/mac/Projects/Semi-Calories/Frontend/node_modules/axios/lib/adapters/xhr.js handleError handleError(/Users/mac/Projects/Semi-Calories/Frontend/node_m..
❗️문제EAS 내부 빌드하여 iOS와 Android 테스트하던 중, Android에서만 외부 API가 전혀 동작하지 않았다.( Postman이나 iOS에서는 잘 동작했다.. iOS는 앱 제출 심사도 통과한 상태 ) Sentry.captureException(err) 로 에러 추적한 결과,https://semi-calories.sentry.io/share/issue/fcbbd537992e4c229cdb3a05d2fec47e/ AxiosError: Network ErrorNetwork Error AxiosError app:///index.android.bundle handleError handleError(index.android)semi-calories.sentry.io 이러한 Axios Error: N..
📍 Postman 이란? API 개발을 위한 테스팅 및 문서화 도구이다. 사용자 친화적인 인터페이스와 API 문서 작성, 모니터링 등 다양한 기능을 제공한다. 웹 또는 데스크톱 앱으로 접속 가능 https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 30 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com 📍 WorkSpace 각 WorkSpace 내 API , Collection , Environm..
📍 디버깅이란? 개발 단계에서 발생하는 버그의 원인을 찾아내고 수정하는 작업 📍 Expo 환경에서 디버깅 할 수 있는 방법 앱 시작 후 j 눌러 Chrome DevTools로 디버깅 VS Code 확장을 통한 디버깅 Expo Tools (2024.03.06 기준) Expo SDK 49, 50인 경우 Expo Tools에서 오류 (2024.03.07 기준) 해당 오류 수정 React Native Tools Expo 시작된 터미널에서 shift+m 눌러서 React DevTools로 디버깅 개발자 메뉴 react-native-debugger 설치하여 디버깅 📍 Expo Tools Visual Studio Code에서 Expo 프로젝트를 쉽게 관리하고 디버깅하는 데 도움을 주는 확장 프로그램. Expo Go와..
❗️문제babel-preset 패키지와 @babel/core가 old version이기 때문에 생기는 문제 💡해결babel-preset-expoExpo 환경이므로 babel-preset-expo를 업데이트 babel-preset-expo란?Expo 애플리케이션을 위한 Babel 프리셋으로, 필요한 Babel 플러그인과 설정을 포함. 최신 JavaScript 문법, React JSX 변환, 클래스 프로퍼티 등을 지원하며, React Native, React, Expo와 관련된 다양한 기능을 지원 // npmnpm i babel-preset-expo// yarnyarn add babel-preset-expo // babel.config.jsmodule.exports = function (api) { ..
자바스크립트의 값은 원시 타입(Primitive Type)과 객체(참조형)으로 나뉜다. 📍 원시 타입 하나의 값만 가지며, 불변 데이터이다. 종류로는 Number, String, Boolean, Null, Undefined, Symbol, BigInt 타입이 있다. Number 숫자를 표현하는 타입 정수, 실수 구분 없이 숫자 타입 하나만 존재 cf) NaN (Not a Number) : 숫자로 변환할 수 없는 값을 숫자로 변환하려고 하거나, 산술 결과가 숫자가 아닌 경우 반환 String 텍스트를 표현하는 타입 홑따옴표(''), 쌍따옴표(""), 백틱(``)을 이용해 표현 이스케이프 : 텍스트 데이터로 홑따옴표, 쌍따옴표를 사용할때 역슬래시( \ ) 문자로 이스케이프 처리해 사용 const messag..
📍 변수 선언 자바스크립트는 느슨한 타입(loose typing)을 가진 언어이므로 데이터 타입을 따로 명시하지 않고 변수를 선언. var, let, const 키워드를 통해 변수를 선언한다. var 재선언 O : var로 선언된 변수는 기존에 선언된 변수의 값을 덮어쓴다. var a = 1; if(true){ var a = 2; } console.log(a); // 2 함수 스코프 : 변수를 선언한 함수 몸체 안에서만 해당 변수에 접근 가능. function foo(){ for(var i = 0 ; i
