REACT_NATIVE

rnfe = snippet

TouchableOpacity: 클릭 버튼 같은 태그

React-Native 의 default 는 column based 이다.
-> 이러한 이유로 alignItems 와 같은 스타일을 사용하면 가로선정렬이 된다. 세로정렬을 하려면 justifyContent 사용 (REACT 와 정반대이다!!)
React-Native 에선 display:flex 가 필요가 없다.

ScrollView = 스크롤 가능한 컴포넌트

const PostImage = ({post}) => (

)
는

const PostImage = ({post}) => {
return()
}
와 동일하다

조건부 렌더링시 !! double negation 사용!

• 자바스크립트를 이용한 스타일 렌더링
  -
  이런식으로 StyleSheet 을 이용해 스타일 자체를 function 으로 만들 수 있다.

front-end validation using Yup and Formik

• formik 과 Yup 사용

navigation in React-Native

yarn add @react-navigation/native

yarn add @react-navigaton/stack

yarn add react-native-gesture-handler

yarn add valid-url

REDUX

REDUX 를 쓰는 이유

1) props 문법이 귀찮을때

• state 를 계속 하위 컴포넌트로 전해줄 때, props 를 일일히 써야하는데, 이때 redux 를 통해 한가지 .js 파일에 스테이트를 저장해 두면, 여러 컴포넌트에서 props 를 사용해 전달해 주지 않아도 사용이 가능해진다.

2) state 변경 관리할때

• state 가 변경되는 방법을 state 가 모두 담긴 .js 파일에 같이 집어 넣어서 state 변경을 관리한다 -> 이를통해 state 변경이 필요한 각 컴포넌트들에서 state 를 직접 변경 하지 않고, 요청만 한다.