본문 바로가기
코딩 이야기

[코린이 앱 개발 7] React Native 기초, 여러 화면 구성

by oozoobigstar 2023. 1. 2.
반응형

오늘도 안녕하세요!

저는 계속 여러 화면을 제가 구상하고 있는대로 구현하고 있는데, 오류를 만나서 쉽지 않은 시간을 보내고 있습니다,,!

제가 아무래도 기초가 없이 그냥 무작정 앱을 만들고 있다 보니 오류 하나 해결하고 이해하는데도 쉽지 않네요.

 

문서를 보는데 있어 파라미터나 객체지향언어와 같은 언어들을 모른다면 인터넷에 쳐보고 이해하고 넘어가는 게

그 문서에 있는 코드를 이해함에 있어서 큰 도움이 될 겁니다! (사실 이 단어들의 이해없이는 코드 이해가 어렵다 -경험담)

 

1. 로그인 화면 만드는 방법 뿐만 아니라 앱을 만드는 과정에서 많은 도움이 될 것입니다.  (바로 아래 블로그)

저는 아래 블로그를 참고해서 클론코딩과 비슷한 형식으로 개발을 하고 있습니다.

이유는 모르겠지만, 아래 분을 따라하면 정말 좋겠지만, 저는 오류가 납니다..

원래 있는 앱과 비슷하지만 제가 만들고 싶은 게 분명하게 있어서 원래 짜여진 코드들을 대부분 가져와 조금씩만 바꿔서 하고 있습니다.

https://burkui-developer.tistory.com/13

 

<TIL> React-Native 로그인 플로우, 중첩 router - Trello(5)

1. 로그인 플로우 App.js에서 AsyncSotrage에 저장된 토큰이 있는지 확인 로그인 화면 거치지 않고 로그인, 회원가입 할 수 있는 바로 메인 화면으로 이동 페이지로 이동 맨 상위 페이지 App.js import React

burkui-developer.tistory.com

앱은 이미 디자인 했기에, 필요한 기능들을 계속 쳐보고 이해하고 복사해서 붙여 넣고 수정합니다.

하면서 가장 중요한 건 코드들을 이해하는 것이더군요.

 

2. 만약 여러 화면을 쌓는 것을 하고 싶으시다면 이 분을 참고하세요.

유일하게 저에게 오류가 안 난 코드들이었습니다.

https://conansjh20.tistory.com/76

 

React Native로 앱개발 하기 (4) react navigation 완전 정복 (stack navigation)

HTML에서 페이지를 전환할 경우 anchor 태그()를 이용하여 쉽게 페이지 이동 가능하지만 React를 이용할 때는 조금 복잡하고 또 React Native의 경우는 React보다 조금은 더 복잡한 것 같습니다. React Native

conansjh20.tistory.com

 

처음에는 그냥 복붙만해서 오류가 나도 구글에 복붙해서 하면 그냥 해결이 되길래 처음에는 괜찮았습니다.

하지만, 시간이 지날 수록 뭔가 하나도 모르겠고, 까마득 하더라고요.

그때부터 코드를 이해하려 노력했습니다.

 

사실 클론 코딩이라는 것도 오늘 처음 알았습니다. 

이렇게 기초가 부족해서 제 앱을 만드는 게 힘들긴 합니다.

 

3. 리액트 네이티브 기초를 쌓고 싶으시다면 이 블로그를 참고하세요

https://m.blog.naver.com/been_monolid/222866746370

 

리액트 네이티브 (1) 앱개발 준비: 리액트 네이티브 & Expo / JSX

앱개발 준비: 리액트 네이티브 & Expo 소개 및 설치 - 리액트 네이티브 = 리액트(React) + 네...

blog.naver.com

이 블로그는 리액트 네이티브를 할 때 정말 기초부터 알려주셔서 도움이 많이 되었습니다.

사실 npm이라는 것도 많이 쓰긴 했는데, 무슨 뜻인지는 몰랐습니다.

저도 이 블로그를 통해서 오늘 처음 알게 되었어요.

(이 분 스파르타 코딩 수업을 들으시네요..!)

이 블로그가 리액트 네이티브 기초를 잡는데 정말 정말 많은 도움이 많이 됩니다!

저는 어려운 걸 먼저 접하고 기초를 하는 스타일이라 이제 기초를 밟아가고 있습니다. 하하

 

아무래도 정말 혼자서 구글링만 믿고 공부하다 보니까 스스로에게 의구심이 많이 생기는데, 

다들 이렇게 할 겁니다.

왜냐면 제가 배운 친구한테 물어봤거든요,,^^

그리고 중요한 건 어떤 길이든 모두가 옳습니다.

저같이 고민하고 있으신 분들은 계속 나아가세요, 제가 한 것처럼요!

 

 

이렇게 일지를 작성하는 게 정말 많은 도움이 되네요.

코딩 공부를 하는 과정 하나 하나를 이렇게 기록하다보니 모든 과정이 가치있게 느껴지거든요.

저도 깃허브에 올려볼가도 생각하고 있습니다.

나중에 도움이 된다고 하더라고요.

개발자의 꿈을 가지고 있는 건 아니지만, 

그래도 모든 과정이 기록으로 남으면 시간이 훅 날아갔다는 느낌은 덜 받을 것이고 

다른 분들이 사용할 수도 있는 거니까요!

 

앞으로는 일지 뿐만 아니라 제가 겪는 오류들도 각각 해결방법과 해서 글을 써볼까 합니다.

저의 오류 해결 방법은 서칭 밖에 없다보니 정보 하나 하나가 중요하게 느껴지더군요.

그래서 저도 제가 해결한 오류 내에서는 정보 공급자가 되어보려구요.

 

그럼 오늘도 글 읽어주셔서 감사하고, 

행복한 하루 보내세요!

반응형