😎 Things I Learned
✓ React Native CSS
React Native는 CSS 엔진이 React.js와 다르기 때문에, flex나 font-size 등 다른 방식으로 작동한다.
✓ View / Text in Native
View는 div, Text는 span과 비슷하다. Native에서 텍스트를 입력할시 꼭 Text 컴포넌트 안에 입력해야한다.
✓ Smooth UX in Forms
Form을 입력할 때, 엔터 버튼을 누르면 다음 인풋 박스로 넘어가는 기능, 키보드가 인풋 창을 가리지 않게끔 해주는 기능 (KeyboardAvoidingView), 화면 바깥을 눌렀을 때 키보드가 사라지게 하는 기능 (disMissKeyboard) 등을 배웠다. 프론트엔드에서 사용자 경험을 좋게 가져갈 수 있게끔 만드는 것이 매우 중요하다.
🤔 Things To Remember
✓ Touchable 안에서 Touchable이 작동 안될 때
"react-native"에서 import 해온 Touchable 혹은 styled-component의 Touchable은 "react-native-gesture"의 Touchable 안에서 터치가 안되는 것 같다. "react-native-gesture"가 아닌 "react-native"로 통일하자.
✓ TextInput Props and OS
Reat Native의 TextInput은 굉장히 다양한 props가 들어간다. props의 옵션에 따라, Input 창에 많은 설정들을 줄 수 있다. OS에 따라 지원하는 옵션이 다르기 때문에 화면을 여러 OS에서 확인해보는 것이 중요하다.
✓ Composition
비슷한 화면 구성을 가진 컴포넌트는 재사용 가능하게 만들자.
🤓 Things To Do
✓ Authentication 마무리
✓ Native에서 Flex 정리
✓ 블로깅 하기!
