[React Native] 0-3. 준비하기

[React Native] 0-2. React Native와 Flutter 중에 무엇을 사용할까?

아마 개발을 공부하고 시작하려고 하니 뭘 준비해야할 지 무엇을 공부해야할지 어떻게 공부해야할지 막막해하시는 분이 꽤나 있을 거라 생각합니다. 이런 분들에게 도움이 되셨으면 하는 바람에 작성합니다.

 

React Native를 시작하기 앞서, 아래와 같은 준비과정이 필요합니다.

기본적으로 JavaScript를 알아야하며 JSX 작성하기 위해서는 HTML과 CSS의 기본적인 이해를 필요로 합니다.

 

HTML과 CSS는 좋은 자료와 글이 많기에 유튜브나 구글을 통해 검색하시면 쉽게 익히실 수 있을 거라 생각합니다.

Javascript부터 중요한데, 저는 아래와 같은 사이트들을 추천합니다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

 

https://ko.javascript.info

모던 JavaScript 튜토리얼

 

https://poiemaweb.com

웹 프로그래밍 튜토리얼 | PoiemaWeb

 

100% 이해하고 넘어가야지라는 생각은 던져버리시고, 기초적인 부분을 제외하고 이해가 안가는 부분은 일단 넘기면서 진행합니다.

다시 하다보면 이해가 되기 때문에, 너무 오랫동안 시간을 뺏기지 마세요.

 

동영상으로 학습하기 원하시는 분들은 아래 영상을 추천드립니다.

https://www.youtube.com/playlist?list=PLcqDmjxt30RvEEN6eUCcSrrH-hKjCT4wt

 

https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒

 

https://www.opentutorials.org/course/3085

WEB2 - JavaScript - 생활코딩

 

이 외에도 코딩애플, 노마더코더 등 다양한 영상을 찾을 수 있으며, 자신과 가장 잘맞다고 생각하시는 분의 영상을 보시면 되겠습니다.

 

JavaScript 학습이 끝나면, React에 대한 이해를 필요로 하게 됩니다.

문서로는 공식문서를 번역한 아래 사이트를 추천하며, 또 리액트의 아버지라 불리시는 Velopert 김민준님의 강의자료도 추천합니다.

 

https://react-ko.dev

React

 

https://react.vlpt.us

벨로퍼트와 함께하는 모던 리액트 · GitBook

 

Velopert님의 리액트를 다루는 기술이라는 책도 있으니 한번 확인해보시면 좋을 거 같습니다.

 

이외 영상을 필요로 하신 분은,

https://www.youtube.com/playlist?list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn&si=GJGeRLfYtDKJy9X0

리액트 무료 강좌(웹게임)

 

제로초님 영상을 추천드리며 이외에도 다양한 영상이 제로초님 유튜브에 올라와 있으니 보시길 추천합니다.

이외에도 다양한 강좌들이 인터넷에 널리고 널렸기 때문에 찾아보시면 좋을거 같습니다.

 

개인 적인 사담을 곁들이자면, 어떻게든 완강하기 좋은 강의는 애플 코딩, 클론코딩을 통해서 익히고 싶다면 노마더코드, 친절한 선생님에게 듣고 싶다면 드림코딩, 저렴하지만 질좋은 강의라면 Udemy를 추천합니다. 또 인프런 등의 강의 사이트에서도 다양한 강의를 확인 할 수 있습니다.

 

마지막으로 TypeScript입니다.

JavaScript에서 확장된 느낌으로 제로초님 강의나 책을 추천합니다.

https://product.kyobobook.co.kr/detail/S000208416779

타입스크립트 교과서 | 조현영 - 교보문고

 

간편하게 훑어보고 싶다면 아래 링크를 참조하세요.

 

https://joshua1988.github.io/ts/why-ts.html#책으로-더-자세히-배울-수-있어요-🎁

https://www.typescriptlang.org/ko/docs/handbook/intro.html

Handbook - The TypeScript Handbook

 

위 공부가 끝나면 React Native를 쉽게 입문 할 수 있습니다. 이렇게보니 JS나 React 기초가 없는 분들이 하기에는 러닝커브가 높다고 느껴지네요. Flutter가 인기가 좋은 이유를 깨닫게 되는 시간을 조금씩 가지게 되네요?! ㅋㅋ RN 절대 지켜!!

 

추가로 공부의 방향성이나 질문은 언제나 환영입니다. 댓글이나 메일로 주시면 답해드리겠습니다!