-
[React-Native] 유튜브 API 를 활용하여 무한 스크롤 구현하기 (feat. A to Z )
개요 ⏰ 이번 포스트는 유튜브 API 를 활용하여 계속해서 렌더링되는 데이터들을 무한스크롤을 통해 React-Native 환경에서 구현 해 볼 예정이다. init 🌅 먼저 / 루트 경로에서 아래 명령을 실행하여 React-Native 프로젝트를 생성 해 준다. npx react-native init [프로젝트명] 생성된 프로젝트는 yarn 혹은 npm 명령을 사용하여 안드로이드 스튜디오 애뮬레이터를 통해 실행할 수 있다. yarn run android or npm run android 초기 실행 시 앱을 애뮬레이터에 설치하는 과정이 존재하므로, 시간이 다소 소요될 수 있다. ...
-
[React-Native] HTTP 요청 시 Axios 와 Fetch 의 차이 (feat. HTTP 요청이란 ?)💬
개요 🌅 백엔드 서버와 HTTP 통신을 axios 라이브러리를 사용하여 한 경험이 있다. 리액트에서는 자체 내장되어있는 fetch 를 사용하여 별도의 설치 없이 사용 가능했었지만, 실은 이 둘의 기능은 같다고 할 수 있다. 이번 포스팅에서는 두 기능의 차이점과 간단한 예시를 통해 두 기능의 차이를 적어보려한다. Axios vs Fetch 💌 axios 와 fetch 는 모두 웹 브라우저 또는 Node.js 환경에서 HTTP 요청을 보내고 받는데 사용되는 Javascript 라이브러리 이다. axios 란, 웹 브라우저, Node.js 를 위한 Promise API 를 활용하는 HTTP 비동기 통신 라이...
-
[Node.js] PM2 log 명령어가 실행되지 않을때 해결방법 💞
개요 👋 PM2 란, Node.js 애플리케이션을 위한 고급, 생산 중심의 프로세스 관리자 라고한다. PM2 는, 데몬화, 클러스터링, 로깅, 로드 밸런싱 등 다양한 기능을 제공한다. 1️⃣ 데몬화 - 애플리케이션을 데몬화 하여 백그라운드에서 실행할 수 있다. 2️⃣ 클러스터링 - 애플리케이션을 여러 개의 프로세스로 분산하는 클러스터링을 지원한다. 3️⃣ 로드밸런싱 - 애플리케이션에 들어오는 요청을 여러개의 프로세스에 고르게 분산시킨다. 4️⃣ 자동 재시작 - 애플리케이션에 오류가 발생하며 자동으로 재시작한다. 5️⃣ 로깅 - 애플리케이션의 로그를 쉽게 모니터링하고 관리할 수 있다. 6️⃣ 모니터...