State(3)
-
[React Native] 로그인 화면 구현 (프론트엔드) - 1. 화면 준비 및 재사용 컴포넌트 작성
1. 로그인 화면 작성 위한 파일 및 로고 준비 auth 파일 안에 authForm.js, authLogo.js 파일을 만들자. authLogo.js 에서 로고 이미지를 가져와 쓸 건데 로고 이미지를 보관하기 위해 /app 안에 assets 라는 폴더를 만들고 그 안에 imgs라는 폴더를 만들자. 이 안에 다운받은 로고 파일을 넣으면 된다. 변화된 디렉토리 구조 ├─ app │ ├─ assets │ │ └─ imgs │ │ ├─ winthiary_login_logo.png │ │ └─ winthiary_login_logo@2x.png │ ├─ components │ │ ├─ auth │ │ │ ├─ authForm.js │ │ │ ├─ authLogo.js │ │ │ └─ index.js │ │ ├─ d..
2022.05.21 -
[React Native] Redux
1. Redux란 Redux - 애플리케이션 상태(state)를 용이하게 관리하기 위한 프레임워크(오픈소스 JavaScript 라이브러리) react나 react native에서 제공해주는 내부 기술이 아니라 html, angular JS, jQuery 등 과도 사용할 수 있지만 컴포넌트를 많이 다뤄야 하는 React Native와 상호성이 가장 좋다. 또한 시너지 효과를 낼 수 있어 React, React Native 개발자들은 Redux와 함께 개발하고 있다. state의 까다로운 관리, state 접근, 프로젝트 규모에 따른 컴포넌트 구조의 복잡성 등의 문제가 있는 걸 basic 강의에서 이미 많이 느꼈을 ㅓ것이다. 이럴 때 모든 컴포넌트들이 state를 쉽게 공유하고 관리도 쉽게 만들어주고 상태 ..
2022.05.20 -
[React Native] React
1. React란 User Interface 를 개발하기 위한 JS library 텍스트, 버튼, 그림 같은 화면을 구성하는 뷰를 만들어주는 라이브러리. 페이스북에서 개발하고 관리 중이다. 2. 화면 출력 맛보기 react 모듈에서 Component 클래스 import. Component 클래스를 App이라는 클래스가 상속받는데, 이 안에는 render() 라는 함수가 있고, 이 함수가 리턴하는 것들이 화면을 구성하게 된다. import React, { Component } from 'react'; import { View, Text, StyleSheet } from 'react-native'; class App extends Component { render() { return ( Hello World..
2022.01.08