본문 바로가기
IT/Knowledge

React Native VS Flutter ?

by 성준하이 2022. 3. 10.
반응형

왼쪽이 flutter / 오른쪽이 react native

모바일 어플리케이션 제작을 하게 될 경우, 3가지를 먼저 알아야 한다.

 

네이티브 앱

안드로이드 기반의 OS와 IOS기반의 어플을 각각 만들어야했다.

이것을 native앱이라고 한다.

native의 앱은 그 os의 특성을 아주 잘 살려서 어플을 제작할수 있다는 장점이 있다.

예를들어서 카메라 호출을 하거나 핸드폰 내장에 있는 기능들을 쓸수 있다.

 

하이브리드 앱

하지만 안드로이드와 IOS를 각각 만들려고 하면 2배, 아니 그 이상의 노력과 시간과 돈이 들게 된다.

이것을 해결하기 위해 나온것이 하이브리드 앱이다.

하이브리드 앱은 다른말로 웹뷰라고도 하며 인터넷 사이트 주소를 application에 담아서 어플 형식으로 출시를 하고 앱을 눌러보면 인터넷 사이트가 반응형으로 하여 핸드폰에 보여지게 된다.

하지만 극히 제한적이며 별로 인기를끌지 못하였다.

 

크로스플랫폼

그리하여 출시된것이 바로 이 크로스 플랫폼이다.

안드로이드와 IOS뿐 아니라 웹에서도 하나의 코딩만으로 함께 보여질수 있게 만드는 언어이다.

오늘 다뤄볼 주제인 React Native 와 Flutter는 대표적인 크로스플랫폼이다.

각각에 대해서 살펴보도록 할것이다.

 

  • React Native

React Native 는 React를 사용하여 자바스크립트 기반으로 작성이 된다.

리액트가 뭔지 궁금하면 아래 참고 포스팅을 참고하도록 한다.

자바스크립트는 전세계에서 가장 널리 사용되는 프로그래밍 언어중 하나라서 리액트 네이티브에게는 큰 장점이다.

자바스크립트를 다룰수 있는 개발자라면 리액트네이티브를 배우는것에 대해서는 어려움을 느끼지 않을것이다.

  • Flutter

flutter는 dart라는 언어로 작성이 되어있다.

자바스크립트의 느낌은 없지만 JAVA나 C++ 등 객체 지향을 배운 사람들에게는 리액트네이티브보다는 flutter가 더욱 편하다고 느껴질 것이다.

추가로 구글에서 제작중이고 업그레이드 되고 있는 중이라서 향후 발전 가능성도 무궁무진하다고 생각을 한다.

flutter 예제 몇가지는 아래 참고포스팅에 있으니 심심풀이로 해보실 분들은 해볼것을 추천한다.

 


참고 포스팅

https://thenicesj.tistory.com/134

 

Vue.js 실습 part.1

frontend란 backend의 반대되는 말로 한 페이지를 웹브라우져 상에 표시하기 위해서는 데이터베이스 등에서 데이터를 가져오고 그 가져온 데이터를 보기 쉽도록 화면에 표현을 해주어야하는데, 데

thenicesj.tistory.com

 

https://thenicesj.tistory.com/81

 

소셜로그인 android/ios (naver / kakao / google) in flutter

얼마전까지 소셜 로그인 구현에 대해서 포스팅을 작성했는데 너무 순서없이 보기 힘들것 같아서 정리해둔 포스팅을 추가하였다. 많은 도움이 되길 바란다. naver 로그인 구현 android https://thenicesj.

thenicesj.tistory.com

 

반응형

'IT > Knowledge' 카테고리의 다른 글

객체지향 디자인 패턴 심화 정리 part.2  (42) 2022.03.12
객체지향 디자인 패턴 심화 정리 part.1  (34) 2022.03.11
개발 방법론(Tdd, Bdd, Ddd) 개념 및 차이  (54) 2022.03.08
Apache Hadoop, Apache Spark  (55) 2022.03.07
node.js 란?  (46) 2022.03.05

댓글