전체 글

📍 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

📍 역사 1995년 넷스케이프 커뮤니케이션즈 개발자인 브렌던 아이크가 개발한 프로그래밍 언어. 넷스케이프는 자바스크립트 규격을 ECMA International에 제출했고, ECMA International은 ECMA-262라는 명세 만들어 자바스크립트를 표준화시켰다. 현재 ECMA-262의 명세 관리는 ECMAScript international의 TC39에서 담당하고 있다. 자바스크립트는 ECMAScript의 명세 구현을 목표로 개발되며, ECMAScript의 명세는 ES1을 시작으로 현재(2024.2.26기준) ES2025까지 나온 상태이다. (ECMAScript의 초기 버전은 1씩 늘어나는 숫자로 이름을 지정했지만, 2015년부터는 공개 연도를 기준으로 지정)

📍 EXPO React Native 개발을 보다 쉽게 만들어주는 React Native 프레임워크 프로젝트를 설정하고 구성하는 것과 관련한 복잡성을 추상화함으로써 단순화된 개발 경험을 제공 ++ React Native CLI와 차이점 📍 Managed Workflow vs Bare Workflow Managed Workflow Expo가 전적으로 관리하는 개발 환경에서의 작업 방식 개발과 빌드가 훨씬 더 간단해지며, Expo의 많은 기능을 활용할 수 있다. Expo Go 앱을 사용하여 실시간 테스트할 수 있다. Expo 서버를 사용하여 iOS 및 Android 앱을 빌드할 수 있다. Expo SDK를 통해 제공되는 기능만 사용할 수 있다. 네이티브 코드에 접근할 수 없으므로 네이티브 모듈을 직접 추가하거..

📍 React Native Facebook에서 개발한 오픈 소스 모바일 애플리케이션 프레임워크 개발 방식에 따라 React Native CLI, EXPO CLI로 나뉜다. 📍 React Native CLI React Native 앱을 위한 전통적인 방식 프로젝트 구성과 설정에 최대한의 유연성과 제어가 가능하다. 장점 네이티브 모듈을 사용할 수 있고, 다양한 라이브러리를 활용할 수 있다. 앱의 성능, 크기 등을 제어할 수 있도록 빌드 구성을 할 수 있다. 강력한 커뮤니티와 생태계를 가지고 있다. 단점 초기 구성과 설정이 더 많아 까다로울 수 있다. 네이티브 종속성과 빌드 도구를 수동으로 구성해야 한다. (네이티브 지식이 필요) Android 및 iOS에서 앱을 테스트하기 위해 특정 장치가 있어야 한다. (..