React Native (3) 썸네일형 리스트형 [REACT] Dotenv module - .env 파일로 환경변수 생성 1. what is Dotenv? .env 파일에서 process.env(파일명)으로 환경 변수를 로드하는 zero dependency environment variables 모듈이다. + zero dependency : 모듈이 작동하기 위해 다른 패키지에 의존하지 않음을 의미 2. 사용방법 1) 아래에서 확인 가능하다. www.npmjs.com/package/dotenv dotenv Loads environment variables from .env file www.npmjs.com 2) 리액트에서는 최상의 루트에 .env(txt) 파일을 만들어야한다. 3) 환경변수 이름은 자유롭게 작성하되 REACT_APP_ 은 필수로 포함시켜야 한다. 2. 장점 1) 각종 API 나 IP, 중요한 계정 정보등 전역.. 리액트 - props 값 ES6문법으로 간단하게 작성하기 props는 properties의 의미로 컴포넌트 속성을 설정할 때 사용한다. import React from 'react'; const ComponentTest = props => { return 안녕하세요, 제 이름은 {props.name} 입니다. 그리고 제 나이는 {props.age} 입니다. }; export default ComponentTest 기존 props을 이용하여 컴포넌트 안에 문자열을 보여주려면 props. 이라는 키워드를 앞에 붙여주고 있다. 이를 편하게 사용하기 위해 es6의 비 구조화 문법(destructuring assignment) 을 사용할 수 있다. 내부 값을 바로 추출하는 방법이다. 방법 (1) import React from 'react'; const Componen.. Expo 이용해 react native 앱 실행하기 Expo를 이용하면 안드로이드 같은 시뮬레이터 없이 휴대폰에서 쉽게 리액트 앱 실행이 가능하다. Introduction to Expo Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase. Expo Expo is an open-source platform fo.. 이전 1 다음
