react native 앱 따라 만들기

2021. 9. 23. 01:59Mobile App

https://bit.ly/39t2lO9 개발하는 펭군이님을 따라하면서 배워볼 예정이다!

 

[#2 Component와 메인화면 분할] 환경 구축부터 스토어 출시까지 디데이 앱 따라 만들며 배우는 React

리액트 네이티브 튜토리얼 [#1 리액트 네이티브 맛보기] [#2 Component와 메인화면 분할] [#3 레이아웃 구성하기] [#4 레이아웃 구현 마무리하기] [#5 state] [#6 설정 Modal 만들기] [#7 설정 Modal 기능 추가하

dev-pengun.tistory.com

 

앞서 생성했던 프로젝트인 SampleApp 폴더를 vscode나 pycharm 등 에디터에서 오픈한다.

SampleApp은 cmd를 관리자 권한으로 실행하지 않고 생성한 프로젝트다!

관리자 권한으로 생성했으면 C드라이브의 system32안에 들어있고, 아니라면 C드라이브의 [사용자이름]파일에 들어있다.

이렇게 뭐가 좌라라락 나오지 않는다면 관리자권한일 확률이 높음! 왜냐 내가 그랬으니까 ~

 

메인 파일은 App.js 파일이다!

 

 

App.js를 열어서 텍스트들을 살짝 수정해보았다. 아래styles 부분에서 폰트크기 등도 변환할 수 있다.

이렇게 수정을 완성하니!

이렇게 앱이 바뀌었다. 다른 설정은 바꾸지 않고 글만 수정한 것! 재밌다

리액트 네이티브를 사용하면 안드로이드 스튜디오에서 에뮬레이터를 계속 재실행 하지않아도 코드를 저장만하면 바로바로 적용이 된다! 너무 간단하고 편리하다. 속도가 빨라진다! Hot Reload 기능이라고 한단다.

 

 

 

 

'Mobile App' 카테고리의 다른 글

모바일 앱 종류  (0) 2023.03.13
react-native 앱 따라만들기2  (0) 2021.09.23
react-native 개발 환경 설정  (0) 2021.09.23
인증  (0) 2021.08.24
API와 HTTP의 관계  (0) 2021.08.09