React Native Study 1

부서 직원들과 2023년 함께 공부했으면 하고 있는 React,
유튜브에 있는 수많은 선배들의 발자취를 따라가며 스터디를 할 예정입니다.

리액트는 문법은 자바스크립트 문법을 사용하여 코딩을 하면 이를 네이티브로 렌더링하여 네이티브 기능을 구현해주는 프레임워크입니다.
다시 말하면 안드로이드나 iOS의 문법이 아니라 웹을 구현할 때 사용하는 자바스크립트를 사용하여 네이티브 앱을 만든다는 겁니다.

리액트에 익숙해지는 게 먼저인 것 같아 유튜브 영상으로 먼저 스터디를 시작합니다.
2023년내 앱 하나 만드는 걸 목표로 할 예정이니 여유를 서로들 좀 가지길 바랍니다.

---

먼저 토스에서 리액트를 적용한 개발자 이야기입니다.
코딩 경험이 없거나 아무것도 모르는 사람이 듣기엔 다소 어려울 수도 있지만 그래도 들어봅시다.
이 스터디가 끝나고 다시 한번 같이 보며 처음 봤을 때와 비교해 보는 것도 재미있겠네요.

https://www.youtube.com/watch?v=b_6CjuvVg8o

---

자 이제 시작합니다.
우리가 따라할 교재는 이겁니다.

https://nomadcoders.co/react-native-for-beginners

왕초보를 위한 React Native 101 – 노마드 코더 Nomad Coders

이 동강을 선택한 이유는 실제 앱을 개발하려면 안드로이드 스튜디오, JAVA 또는 xCode, 시뮬레이터 등등을 미리 설치를 해야 하는데, 노마드 코더 영상은 맛배기를 위해 이를 스킵하고 앱을 만들 수 있어서 입니다.
자세한 내용은 직접 보는 편이 나으므로 이 정도로 정리하고, 다른 종류의 다양한 동강 사이트는 아래에 붙여두었으니 필요한 분은 클릭하시면 됩니다.

위 영상을 보면서 혹시라도 부교재(어쩌면 주교재)가 필요할 수 있어 리액트 org 한국의 튜토리얼 링크도 붙여둡니다.
왠만한 건 구글링하면 되지만 교재처럼 정리가 잘 되어 있는 사이트입니다.

https://ko.reactjs.org/tutorial/tutorial.html

자습서: React 시작하기 – React

자 이제 위 링크를 눌러서 회원가입을 간단히 하고, 동영상 시청을 하며 스터디를 시작합시다.

---

...참고...

리액트 관련된 컨텐츠는 꼭 제가 추천하지 않아도 이미 많습니다.
제 기준에서 들어봄직한 유튜브 몇 개 링크 걸어두었으니 "나중에" 시간날 때 들어보세요.

https://www.youtube.com/@user-yu8so2ck1z/search?query=%EB%A6%AC%EC%95%A1%ED%8A%B8

코딩알려주는누나

이런 것도 있네요.

https://www.youtube.com/watch?v=00yJy7W0DQE&list=PLfLgtT94nNq0qTRunX9OEmUzQv4lI4pnP

그리고 나중에 고수가 된 후 참고할만한 사이트도 보너스로 하나 붙입니다.
https://reactjsexample.com/

React.js Examples

https://fliphtml5.com/vqvzn/tilv/basic

React 시작부터 배포까지 Pages 1-50 - Flip PDF Download _ FlipHTML5.pdf

10.10MB

https://youtube.com/playlist?list=PL60Uti4nULBN7EQYmgjksXJXnkufo0m-9

리엑트 네이티브 기본강좌

---

기본 내용을 익힌 후 목표로 만드려고 하는 앱은 바로 아래 앱인데, 이건 한번 봐야겠네요.

https://geekconfig.com/tutorial/build-a-soccer-app-with-react-in-1-hour

1시간 안에 React로 축구 앱을 만들어보자