Nomad Coder의 'React Native로 날씨앱 만들기' 강의정리

• 강의 링크

https://academy.nomadcoders.co/courses/216885/lectures/10903202

#0.0 Introduction

---

• 이걸 보게 된 이유, 이 강의 첫인상

리엑트 기본강의를 듣고 듣는 두번째 리엑트강의이다. 이걸 들은 이유는 어플을 만들 수 있다는 것에 일단 끌렸고 내가 만든 프로그램을 어플로 만들수 있다면 좋을 것 같아서 이 강의를 듣게 되었다.

---

• 강의 정리

#0-1. Requirement

1. 어플을 직접 확인해보려면 안드로이드 스튜디오를 통해서 내 컴퓨터 상에서 또는 expo를 통해서 내 폰에서 작업을 할 수 있다.

#0-2. Expo vs RN CLI

1. expo는 리엑트에 관련된 내용이 이미 들어가 있다. react native cli는 좀 더 자세한 내용들을 다룰 때 사용한다. 단점은 native파일을 다룰수는 없다. 하지만 충분히 많은 react native가 있다. 

#0-4. Getting to know Expo 

1. expo를 코딩하는 방법이 2가지가 잇따. live reloading과 hot reloading이 존재 한다.

#0-5. How does React Native Work 

1. 자바스크립트와 안드로이드를 연결하기 위한 브릿지가 리엑트다.
2. <view> = <div>, <text> = <span> 이런 규칙이 있는 이유는 브릿지 때문이다.
3. connect 오류가 발생한다면  expo를 끝내고 다시 npm start를 하면된다.

#1-0. Layouts with Flexbox in React Native

1. 모든 flex direction은 row로 되어있다.
2. flex=1은 모든 공간이 사용가능함을 의미한다. 형제 view들의 flex 값에 따라서 화면이 분할된다. 나머지 작업도 비슷하다. 따라서 width, hegith를 쓰는 것보다 flex박스로 만들어야하는게 많은 사람들이 사용하기 좋다.

#1-1. Loading screen

1. React Native에서만 사용하는 css 스타일 방법이 있다. ex)paddingHorizontal

#1-3. Asking for permissions

1. 위치를 받아오는 내용은 당연하게도 사용자의 승인이 필요하다.
2. package를 설치하지 않았는데 일단 코드를 작성하니 실행은 되었다. expo에 이미 설치 되어있는 상태인가?

#1-4. Getting the Weather

1. 날씨 api를 가지고 있는 사이트
2. 일단 위에서 expo-location이 설치가 되지 않아서 이후로 실습진행은 불가했다. (안드로이드, 윈도우 기준)

https://openweathermap.org/

Сurrent weather and forecast - OpenWeatherMap

#2-2. Icons and styling

1. lcon vector라는 아이콘을 사용할 수 있는 내용이 존재한다.

---

• 강의 총평

실습과정에서 윈도우는 보안문제 때문에 실습은 불가능했다. 하지만 expo라는 프로그램을 알았고 어떤 내용을 사용하는지 알게 되었다. 이 강의에서 제일 많이 느낀점은 대부분의 프로그램이 사용설명서가 존재하고 자신들의 프로그램을 잘 사용하기를 바라기에 많은 내용을 직접넣어놨다. 하지만 우리는 그걸 읽고 이해하기에 힘들다. 그래서 이런 정리 강의들이 생겨나고 실습으로 보여주는 것이다. 하지만 내가 생각할 땐 우리가 이 강의에서 얻어야할 것은 expo라는 프로그램을 알게 되었고 어떤 걸 사용할 수 있는지 소개를 들었으니 이제는 우리가 직접 사용설명서를 보고 해보는 것이 맞다고 생각한다. 이렇게 공부하는게 누구도 알려주지 않는 자신만의 지식을 얻는 방법이라고 생각한다. 따라서 직접 보고 해석해보고 싶은 언어는 파이썬, C++이다. 이후 내 글감이 될 것이라고 생각한다.

---

• 깃허브 링크

https://github.com/Burugi/fokin-weather

Burugi/fokin-weather