ReactNative

재사용할 수 있는 조립 블록. 화면에 나타나는 UI요소이다. 객체 생성과 함수 호출을 위한 문법적 편의를 제공하기 위해 만들어진 확장 기능이다. 가독성이 높고, 작성하기 쉬우며 중첩 구조를 잘 나타낼 수 있다.여러개의 요소를 반환하고 있어 View태그로 묶어주었다. V

컴포넌트에 직접 스타일을 입력하는 방식이다어떤 스타일이 적용되는지 잘 보이지만 비슷한 역할을 하는 컴포넌트에 동일한 코드가 반복되고 어떤 스타일인지 명확하게 이해하기 힘들다.스타일시트에 정의된 스타일을 사용하는 방법이다.다양한 크기의 기기에 대응하기 위해 이용한다. f

프로젝트를 생성한다스타일드 컴포넌트 라이브러리와 prop-types 라이브러리를 설치한다src/App.js 작성App.js 수정📝 현재 동작1\. App을 ThemeProvider로 감싼다.2\. theme 안에 정의된 값들이 모든 styled-component에 전

이전에는 컴포넌트의 상태관리나 생명주기에 따라 작업을 수행할 때에는 클래스형 컴포넌트만 사용해야 했다. 그러나 Hooks이 등장하며 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다.useState를 호출하면 변수와 그 변수를 수정할 수 있는 새터 함수를 배열로 반환

부모에게서 데이터를 전달 받을 때, 멀리 떨어져있어 여러 컴포넌트를 거쳐야한다면 상당히 번거롭다. 이 때 Context API를 사용하여 Context를 생성해 필요한 컴포넌트에서 데이터를 바로 받아올 수 있다.Context를 생성하는 createContext함는 파라

지원하는 내비게이션의 종류는 스택 내비게이션, 탭 내비게이션, 드로어 내비게이션이다.책에서는 내비게이션 5버전으로 실습을 하는데, 찾아보니 현재 버전은 7이다!Screen 컴포넌트는 화면으로 사용되는 컴포넌트로 name(화면 이름)과 component(화면으로 사용될

채팅 어플리케이션을 만들기 위해 서버를 구현하지 않고 파이어베이스를 이용할 예정이다.가운데 앱 추가 버튼을 눌러 웹을 선택한다.책과 달라진 부분이 있어 아래 블로그를 참고하였다.https://gamza1013.tistory.com/30적당한 닉네입을 입력 후

깃허브 레포지토리이다.https://github.com/choi-day/react-native-simple-chat화면 이동에 필요한 내비게이션을 이용하여 화면을 구성한다.styled-component: 스타일 작성을 위한 라이브러리pro-types: 타입 확