React-Native로 크로스 플랫폼 뮤직 플레이어 앱 만들기(iOS) - 1

[9.16 ~ 9.29] 부스트코스 에이스 커리어 부스팅 프로그램 중 기업과제 관련 포스팅

#부스트코스 #React-Native #사운드짐

추가 학습 내용

react-native(react), ES6

사용 라이브러리

react-native, react-native-router-flux, react-native-track-player

React-Native

리액트 네이티브는 페이스북이서 만든 네이티브 앱 크로스 플랫폼 프레임워크로써 자바스크립트를 기반으로 합니다. 자바스크립트만 사용하여 Java/Swift를 사용한 네이티브 앱과 거의 동일한 결과물을 얻을 수 있기 때문에 굉장히 큰 생산성을 갖출 수 있을 뿐만 아니라 성능(CPU, GPU, Memory) 자체도 네이티브 앱과 크게 차이가 없거나 일부 앞서는 모습을 보여줍니다.

자바스크립트를 기반으로 하기 때문에 웹 개발에 익숙한 사용자라면 쉽게 배울 수 있으며 하나의 언어로 양 플랫폼 개발을 할 수 있다는 빠른 Iteration의 장점 때문에 현재 스타트업계에서 각광받는 것으로 보입니다. 단점으로는 리액트 네이티브에서 제공하는 것이 아닌 외부 라이브러리를 추가하는 과정이 까다롭고 각 플랫폼의 OS에 의존적인 버그가 있고 무엇보다 Android와 iOS의 디자인 가이드라인이 달라서 해당 플랫폼 사용자에게 일관적인 UX를 제공하는 앱을 만들기 어렵다는 것이 있습니다.

ES6

ES6은 ECMAScript라는 자바스크립트 표준문법으로 2015년 릴리즈버전입니다. 2019년 ES9가 가장 최신 버전이지만 ES6이 가장 많이 쓰이기 때문에 실질적인 표준에 가깝다고 할 수 있습니다. 자바스크립트 및 React를 처음 접하는만큼 짧은 시간이지만 관련 사이트를 참고하여 ES6의 기본과 특성을 확실하게 배워서 프로젝트를 진행하려고 합니다.

  • https://facebook.github.io/react-native/docs/tutorial
  • https://github.com/lukehoban/es6features
  • https://www.w3schools.com/js/js_es6.asp

향후 진행 방향

프로젝트의 시작을 이후로 예정된 온라인 피드백 받은 경과를 1회, 최종 결과물을 1회 추가 포스팅 할 예정입니다.


© 2019. All rights reserved.

Powered by Hydejack v8.1.1