Frank의 공부 일지

요즘 노치 디자인으로 핸드폰들이 나와서 핸드폰의 윗부분을 침범하는 경우가 있는데 이걸 해결하는 방법으로 SafeAreaView가 있다. 사용법은 import { SafeAreaView} from 'react-native'; 로 SafeAreaView를 불러온 다음에 View 태그 대신에 사용하면 된다.

React Native 는 리액트의 접근 방법을 모바일로 확장한 Facebook의 오픈소스 프로젝트입니다. 즉, React 의 규칙을 이용하여 모바일 어플리케이션을 개발할 수 있다는 말입니다. 먼저 node를 설치합니다(mac 환경에서 진행하였습니다.) $ brew install node node 설치가 끝나면 npm을 이용하여 react-native-cli를 설치해줍니다. $ npm install -g react-native-cli 이로써 초기 설치 과정은 모두 끝나고 이제 프로젝트를 생성할 차례입니다. $ react-native init 프로젝트이름 프로젝트 생성 후 이 프로젝트로 이동해서 IOS 또는 Android를 실행해줍니다. $ cd 프로젝트이름 $ react-native run-ios

- 페이스북에서 제공해주는 프론트엔드 라이브러리 - Component 기반: Component에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여준다.-> 코드의 재사용성과 유지보수성을 증가 - JSX 문법: 자바스크립트 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 자바스크립트 문법으로, 리액트 개발에 엄청난 도움을 준다. - 단방향 데이터 바인딩: 리액트는 데이터의 흐름이 한 방향으로만 흐른다. 데이터가 내려가기만 하고 밑에서 데이터를 올려줄 수 없기 때문에 부모의 데이터를 바꾸기 위해서는 state를 이용해야 한다. - Props: 부모 컴포넌트에서 자식 컴포넌트로 전달해주는 데이터. 자식 컴포넌트에서 전달 받은 props는 변경이 불가능하고 props를 전달..