깡뇽

노마트코더에서 "왕초보를 위한 React Native 101"를 수강하며 공부한 부분들을 정리해보려고 한다. #3.0 Introduction 새로운 프로젝트 만들기. blank로 시작. GitHub과 연동도 할 예정. #3.1 Touchables - 버튼만들기 justifyContent를 space-between으로 하면, Work와 Travel이 양 끝으로 배치된다. 다음으로 활성화상태에서의 버튼을 하얀색으로, 비활성화 상태에서 버튼은 회색이 되도록 하는 기능을 구현해야 한다. colors.js 파일을 생성한 뒤에 색상 정보를 입력해두고, 이를 App.js의 코드에서 불러와 사용한다. TouchableOpacity를 import한다. View처럼 사용하는데 press 이벤트를 감지하여 투명도가 조절되는..

노마트코더에서 "왕초보를 위한 React Native 101"를 수강하며 공부한 부분들을 정리해보려고 한다. #2.0 Snack Snack 사이트로 웹에서 리액트네이티브코딩 가능. #2.1 The Rules of Native View는 컨테이너로서 웹의 div처럼 활용됨. -> import 필수! 텍스트 컴포넌트로서 텍스트 표현을 위해 사용됨. View는 style을 가짐. -> React js와 유사. 그러나 border과 같은 스타일 속성을 사용할 수 없음. StyleSheet.create는 object를 생성. -> 자동 완성 기능을 제공. 스타일 컴포넌트를 정리해서 보기 좋음. (StyleSheet.create 표현 없이 ```const styles = { container: {스타일}, };``..

노마트코더에서 "왕초보를 위한 React Native 101"를 수강하며 공부한 부분들을 정리해보려고 한다. 원래 ReactNative로 개발을 하기 위해서는 Android Studio, Java, XCode 등을 모두 설치해야 한다. 하지만 현대의 기술 덕분에 그러한 수고를 덜 수 있다. 다만 테스트를 위해서 활용되므로 진짜 개발을 할 계획이라면 전부 설치하는 게 좋다고... CMD에 ```node -v```를 쳐서 버전이 14이상이면 그대로 진행해도 된다. 나는 v16.14.0으로 그대로 진행할 것이다. 앱은 아래와 같은 구조로 작동된다. 하지만 이중에서도 JavaScript와 Markup/Styling 만을 우리가 개발하면 나머지는 틀은 제공해주는 앱이 있다. 즉, React Native 코드를 작..