본문 바로가기

DEV/App 개발4

React Native 앱 만들기 :: 구글 파이어베이스(Firebase)를 활용한 서버 구성 리액트 네이티브(React Native) 앱 만들기, 구글 파이어베이스(Firebase)를 활용한 서버 만들기 들어가면서.. 앱을 운용하기 위해 사용/발생되는 데이터를 관리하기 위한 '서버(Server)', 그리고 직접 서버를 구축하지 않는 '서버리스(Serverless)'를 이해하고 활용해본다. 1. 서버 기본 개념 1) 앱에 모든 데이터를 담게되면 앱 용량이 너무 커지거나, 새로운 데이터 발생시 데이터 배포에 불편함이 발생하기 때문에 데이터를 서버에 담고 요청(Request)/응답(Response) 상호작용을 통해 데이터를 가져오거나(Get) 변경할 수 있다. 2) 서버리스(Serverless) 서버 직접 구축없이 데이터 생성/조회/삭제/수정이 가능토록 제공해주는 서비스 2. 앱과 서버의 동작 1) .. 2022. 8. 11.
React Native 앱 만들기 :: React Native, Expo 앱 화면 만들기(2) 리액트 네이티브(React Native), 엑스포(Expo)를 활용한 앱 만들기 들어가면서.. 앱 기초지식인 컴포넌트, 속성(Props), 상태(useState)와 useEffect을 이해한다. VSCode, React, React-native와 Expo를 활용하여 '나만의 꿀팁'이라는 컨셉의 앱 페이지를 제작하고, 페이지 이동을 위한 스택 네비게이션을 활용해본다. 1. 리액트 기본 개념 (컴포넌트, 상태, 속성, Hook) 본 앱을 제작하면서 리액트 네이티브(React-native)를 사용하지만, 이는 곧 리액트(React.js) 기반으로 만들어진 앱 개발 기술이기 때문에 아래 개념들을 잘 이해해야 페이지를 구성할 수 있다. - 컴포넌트(Component) : UI를 구성하는 요소, 함수형, 클래스형이.. 2022. 7. 28.
React Native 앱 만들기 :: React Native, Expo 앱 화면 만들기 리액트 네이티브(React Native), 엑스포(Expo)를 활용한 앱 만들기 들어가면서.. 본 포스팅을 통해 React Native 및 Expo를 활용한 앱 화면을 간단히 소개하려 합니다. 1. React Native는 기술, Expo는 도구 · 리액트 네이티브와 Expo를 활용하면 JavaScript 만으로도 안드로이드 앱과 iOS앱 두 가지 모두 개발이 가능 *여기서 라이브러리란, 개발 할 때 사용하는 '도구'를 뜻함 2. Expo 프로젝트 기본 구조 · (1) attets : App 동작, 서비스를 위한 이미지 및 아이콘 파일을 저장 (2) node_modules : App을 만들면서 설치하게되는 라이브러리 저장 (3) App.js : 리액트 네이티브 앱의 시작점 (Web에서 index.html.. 2022. 7. 22.
React Native 앱 만들기 :: 자바스크립트 기본 개념 및 문법 리액트 네이티브(React Native), 자바 스크립트(Javascript) 앱 만들기 _ 기본 개념/문법 들어가면서.. 본 포스팅을 통해 자바 스크립트를 사용하기 위한 기초지식을 정리하고자 합니다. 1. 자바 스크립트란? · 웹(Web) 사이트나 문서에 동적인 효과를 줄 때 사용되는 언어(과거의 개념) · 앱 개발시 사용할 수 있는 언어(React Native) · 크롬 브라우저에서 윈도우는 F12, 맥은 Alt + command + i 를 눌러서 콘솔창 사용 가능 · console.log(변수) : 콘솔창에 괄호 안의 값을 출력 · console.log(변수1, 변수2) : 여러 변수를 한번에 출력 가능 2. 자바 스크립트 기초문법 2-1 변수 · 변수의 선언(1) - let 변수는 값을 저장하는 .. 2022. 7. 12.
반응형

티스토리툴바