1. 오늘배운거

expo로 프로젝트만들기
아이콘참조링크
네이티브공식문서

ㄱ. 리엑트 네이티브 설치

• expo사이트에 들어가서 newProject로 새로운 Project 만들기하면
• 아래와 같은 명령어가 나오는데 그걸 터미널에서 친다.
• 그리고 vs코드를 열고 npm start를 하면됨.

ㄹ. 리엑트 네이티브 Styled Component

• 설치 npm install @emotion/react @emotion/native
• 사용방법 및 import

ㅁ. 리엑트 네이티브의 주요컴포넌트

• 

ㅂ. 리엑트 네이티브 투두리스트(UI만완성)

• 

ㅅ. 리엑트 네이티브 기본알아둘거

• View는 기본적으로 Flex-box라서 display : flex를 안해줘도되고 모바일의 방향은 위에서 아래정렬이고 웹은 좌에서 우정렬이라서 flex-direction : row를 하면 좌에서 우 방향으로 정렬이됨.
• 이미지 불러올때 두가지 방법이 있는데 <Image sorec={require("로컬경로")}>로 불러오거나, <Image sorce={{uri : "url주소입력"}}> 이렇게 넣는방법이 있음
• 웹과달리 모바일은 스크롤을 만들어줘야함 <ScrollView>로 만들어주면됨
• 최상위 컴포넌트로 <safeAreaView>를 해줘야 모바일환경에서 시계 와이파이 있는부분이랑 겹치치않음
• Button 태그는 style을 수정할 수 없어서 Button 대신 TouchableOpacity를 사용함.
• Icon은 https://icons.expo.fyi/에서 사용할 수 있음

2. 아쉬운점

• 아직 초반이라 아쉬운점없음

3. 회고

• 실시간강의로 따라가기엔 역부족의 느낌