당우 일기장

[패스트캠퍼스 베타러너 후기] React Native 앱 개발의 모든 것: 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지 본문

동우일상

[패스트캠퍼스 베타러너 후기] React Native 앱 개발의 모든 것: 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지

당우 2024. 7. 24. 21:39

1.베타러너 참여후기

 

리액트를 공부하던중 패스트캠퍼스 에서 앱개발 강의 베타러너를 모집하는 공고를 우연히 보게 되어서

베타러너를 신청하게 되었습니다.

 

그래서 강의를 받고 수강을 하게되었습니다!

 

사용하는 라이브러리는 리액트 네이티브 라는 라이브러리를 사용하였고

메타(페이스북)에서 페이스북 인스타그램 등을 만들때 사용되기도한 유명한 라이브러리 인것을 알게되었습니다

 

또 강의에서 리액트네이티브cli 와 expo의 차이점을 알기쉽게 알려주고 각각 둘다 한번씩 사용하여

둘 다 배울수 있는 좋은 강의 였습니다

 

 

그리고 리액트 네이티브를 설명한후

 

앱개발 환경 세팅이 들어가는데 

이때가 개인적으로 가장 어려웠던 부분 이였던것같다.

 

강의에서는 술술 흐름에 따라 넘어가는데 

설치 환경이 달라서 그런지 안드로이드 스튜디오를 설치할때 각종 에러가 몇가지 뜨긴했다

intel x86 emulator accelerator (HAXM installer) - Deprecated 에러와

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. 에러 등등

 

처음보는 에러라 조금 힘들긴했는데 ㅜㅜ gpt 와 구글검색으로 해결하긴했다.(윈도우 문제였다 젠장 ㅜㅜ 앱개발은 역시 맥이 편한듯..)

 

(혹시 나 처럼 에러가 뜨는 사람들을 위해 부가자료가 조금 더 있으면 좋을것 같다는 생각을 했다.)

아 그리고 개인적으로 안드로이드스튜디오나 안에서 사용하는 리액트네이티브 버전 안드로이드 에뮬레이터 등 버전을 강의와 통일 하는것을 추천한다. (왠지는 모르겠지만 조금은 괜찮겠지 하고 최신버전으로 다운로드받으면 에러가 떴다..)

강의에서는 안드로이드는 코알라버전을 사용한다

에뮬레이터 스마트폰은 픽셀폰을 사용했다

우여곡절 후에 환경 세팅을 끝내고

 

앱으로 헬로월드 띄우기와 웹뷰로 패스트캠퍼스 사이트를 띄어보기도했다.

 

그리고 프로젝트로는 유튜브 sdk 를 사용해서 반복재생 학습기 앱을 제작하는데 

프로젝트부분이 상당히 재미있었다.

내가 직접 코드를 짜서 앱을 만드는게 신기하기도 했고

또 내 핸드폰에서 동작한다는것이 정말 신기하고 재미있는 경험이였다

위에 사진은 expo로 개발한 화면인데 yarn start 를 누르면 qr코드가 뜨면서 qr을 인식하면 실시간으로 스마트폰에서 내가만든화면을 볼수 있었다

짜잔 위에 사진은 완성화면이다  유튜브 영상을 내가만든  앱에서 반복재생하고 구간을 설정하고

내가 직접짠 코드가 동작한다는게 너무너무너무 신기하고 또 소중햇다.

 

 

html과 css 그리고 리액트를 할줄알고 앱개발에 관심이 있다면 정말 이 강의를 추천한다 

웹개발 과는 또 다른 재미를 주고 특히 앱을 만든 후 친구들한테 자랑도 해보는 경험을 할 수 있고

재미있는 경험을 할수 있어서 좋은것 같다

 

 

2.강의 구성/퀄리티

강의 구성은  기초 웹뷰 개발 을 우선적으로 배우고

프로젝트를 들어간다

그리고 프로젝트를 완성하면

앱을 배포 까지 해보고

또 웹뷰를 이용해 앱을 실시간으로 업데이트 하는 과정까지 앱에 전체적인 과정을 배워볼수 있다.

 

개인적으로 이 강의는 rn으로 기초부터 배우고 또 프로젝트로 앱을 제작해보고 배포 및 업데이트까지

전 과정을 참여해보는 경험이 정말정말 좋은것같아서 추천하고싶은 강의 이다

 

강의 퀄리티는 윈도우기준 환경세팅이 조금 어려웠던것 제외하고 깔끔한 코드설명과 강사님의 목소리도 정말 좋아서 

시간가는줄 모르고 정말 재미있게 수강했던것 같다.

 

 

3.공부한 내용

 

공부내용은 cli와 expo의 차이를 알수있게 되었고 활용 할 수 있게되었고.

또 피그마 툴을 사용해 uxui를 디자인 할수있다는것과 

또 자바스크립트 함수와 리액트네이티브의 여러가지 내장기능들을 배우고 최적화 , 웹뷰, 등 을 다룰수 있게 되었다

 

https://fastcampus.co.kr/dev_online_rnwebqpp

 

React Native 앱 개발의 모든 것 : 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지 | 패스트캠퍼

React나 JS 아는 분이라면 그냥 무조건 배워두세요! 모바일의 시대, 개발자라면 모바일 앱 개발 스킬은 이제 당연한 기본&필수 역량! 이 분야 생산성 갑, React Native로 웹뷰부터 Full 리액트 네이티브

fastcampus.co.kr

 

*본 게시물은 베타러너 활동의 일환으로 작성되었습니다.