[코린이 앱 개발 8] React-Native 독학시 도움이 되는 사이트 (+ 코딩 독학)
안녕하세요!
여전히 앱 개발을 차근차근해나가고 있는 soso입니다 :)
오늘은 앱 개발을 독학으로 할 때 도움이 될 만한 사이트들을 가져와 봤습니다.
튜토리얼도 2가지 종류가 있는 것 같더라고요.
문법부터 알려주는 튜토리얼(저같이 기초가 안 되어 있는 사람에게 정말 좋은 글)과
기능들을 알려주는 튜토리얼이 있습니다 (이미 다른 언어를 아시는 분들이 사용하시는 것 같더라고요)
문법부터 알려주는 한국어 튜토리얼은 하늘의 별따기,,
저는 생활코딩으로 css, html, js (언어를 배운 게 아니라 html 틀 안에서 js를 배운 것 같아요) 강의들을 보고
바로 리액트 네이티브로 앱을 만들기 시작한 사람입니다.
리액트 네이티브에는 많은 js 문법이 사용된다고 알고 있었으나,
저는 생활코딩에서 해당관련 강의를 봤으니 충분하다고 생각하고 한 것이었습니다.
(js가 java와 다른 언어라는 것도 몰랐고, 언어라는 자체도 몰랐던 상태, 정말 js에 관해 아--무 것도 몰랐던 사람이었습니다..)
덕분에 한 달 동안 튜토리얼도 대충 따라 했다가 (심지어 공식 홈페이지도 아니었음)
바로 앱 만들기 시작하려니까 하나도 모르겠어서 조금 패닉에 빠지기도 했죠.
여차 저차 하면서 이제는 조금씩 코드를 보면서 이해하는 수준까지는 올라왔습니다.
아직도 한--------참 모자라지만,
그래도 현재의 제가 보기에 앱 만들기를 독학함에 있어서 도움이 될 만한 사이트들을 공유하려고요.
(영어로 된 페이지는 정말 안 읽고 싶지만, 정리가 너무 잘 되어 있는 게 몇 있어서 가져왔습니다.
저는 크롬으로 했을 때, 번역을 해주는 기능이 있길래 주로 번역해서 봅니다)
1. 리액트 네이티브 관련 (React-Native) - 아래 두 개는 영어로 된 문서입니다,,!
https://daesiker.tistory.com/16
7. React-Native 튜토리얼
7-1 프로젝트 구조 1. index.js프로젝트를 실행할 때 가장 먼저 실행되는 기점이다.App.js를 가져와서 컴포넌트로 등록한다. 2. app.js실제 디바이스에 표시되는 코드가 App.js에 작성되어 있다. 3. android/
daesiker.tistory.com
https://g6ling.gitbooks.io/react-native-tutorial-korean/content/2_1ko.html
https://www.tutorialspoint.com/react_native/react_native_state.htm
React Native - State
React Native - State The data inside React Components is managed by state and props. In this chapter, we will talk about state. Difference between State and Props The state is mutable while props are immutable. This means that state can be updated in the f
www.tutorialspoint.com
https://reactnative.dev/docs/tutorial
Learn the Basics · React Native
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and pr
reactnative.dev
2. 자바 스크립트 관련 (JavaScript)
https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript
cs 전공이시거나, 학원에서 배우신 분들은 프론트엔드가 쉽다고들 하시더군요.
그럴 만도 한 게, 그분들은 기초부터 시작해서 프론트엔드를 하는 데 있어서
코드 같은 게 조금 다르지만, 기능은 거의 비슷한 것 같아요.
즉 기능을 일단 알기에 다른 코드들만 조금 공부하면 된다는 거죠.
하지만 비전공자들이나 학원 같은 곳은 한 번도 다니지 않은 저 같은 분들은 기초가 없으면 힘든 게 코딩이라는 걸,
하시다 보면 아시게 될 겁니다..
저는 기초, 튜토리얼 같은 걸 상당히 안 좋아하는 사람입니다..
재미가 없걸랑요.. (그래서 패닉에 빠진 것도 제 업보이죠,,^^)
하지만 여러분,,, 코딩에서 기초적인 문법 같은 건 짜인 코드들을 이해하는데
정말 정말 정말 중요하답니다..
아직 저는 리액트 네이티브 코드들 밖에 모르지만, 이것으로 기초를 닦고, 기능을 배운 후
다른 언어들로 넘어가서 공부를 하면 지금보다는 훨씬 쉽게 느껴질 것 같아요.
그래서 정리해 본 코딩 독학시 (제 경험 바탕) 추천 순서
1. 코딩을 독학함으로서 무엇을 하고 싶은지 목표 세우기
2. 기초 중의 기초는 먼저 공부하기 (나의 경험: 생활코딩 WEB1, CSS 같은 부분)
3. 공부하다가 지쳐서 하기 싫으면 바로 내가 하고 싶은 앱 만들기
4. 앱을 만들면서 배우기
제 목표는 제가 만들고 싶은 앱을 만드는 거지, 개발자가 되는 건 아닙니다.
처음에 생활코딩 강의를 볼 때 강의자 님께서 한 주제가 끝날 때마다 자신만의 웹페이지를 만들어 보라고 하셨는데,
이제는 그 이유를 알 것 같아요.
자신만의 프로젝트를 진행하지 않으면
어느정도 강의를 보고 나니까 그 전에 배웠던 걸 까먹기 시작하고,
흥미를 점점 잃어서 강의 보기가 싫더라고요 (그래서 좀 중간에 안 하기도 했어요,,)
근데 이렇게 순서를 정리해 보니, 학교 다닐 때와 비슷한 것 같아요.
학교에서 배우는 영어나 수학 등 모든 과목들의 이론을 배우다가
자신이 직접 사용하지 않으면 재미를 잃고 더이상 공부의 흥미를 못 느끼잖아요.
이 과정에서 있어서 가장 중요한 건 목표를 잃지 않고 계속 하는 것입니다.
가끔은 제가 옳은 방향으로 하고 있는지 의심이 들더군요.
하지만 공부를 하는 방식에 정답은 없다는거!
스스로가 포기 하지 않는 이상 어떻게든 일은 풀리게 될 겁니다 :)
다들 윗 사이트들이 조금이라도 도움이 되었으면 좋겠네요!
오늘도 글 읽어주셔서 감사합니다!
다들 행복한 하루 보내세요 :)