개발자

디자이너가 배우기에 리액트, 플러터 어떤 것이 좋을까요.

2023년 03월 27일조회 640

구멍가게 수준의 서비스를 만들어보려고 하는데요. 주제는 아직 명확하게 정해지지는 않았어요. 프로그래밍 경험은 유니티 3D c#으로 vr, ar 컨텐츠를 10개정도 만들어 본 경험이 있습니다. 주로 전시 컨텐츠나 기업의 프로모션으로 단발적인 프로젝트들이 위주였다면 긴호흡으로 사용자들이 오래 쓰는 어플리케이션을 만들고 싶어졌습니다. 단편은 그만 쓰고 장편영화를 찍어 보고 싶은... 그러다보니 리액트와 플러터 중 어떤 프레임워크를 고르는게 좋을까해서 조언을 구하고자 질문을 드려봅니다. 두 언어의 큰 차이점이라면 어떤게 있을까요.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 4

인기 답변

이방원님의 프로필 사진

안녕하세요, 질문 읽고 답변 드리기 위해 글 작성합니다. 저는 리액트와 플러터 두 가지로 개발한 경험이 있어서 도움이 되리라고 생각이 듭니다. 1. 일단, 빠르게 결과물을 만들어야 하는 상황이시라면 - dart와 flutter를 공부하시면 좋습니다. : 플러터의 경우 '위젯'을 통해 ui를 그려주기 때문에, 제 경험상 react보다는 좀 더 빠르게 ui를 구성할 수 있다고 생각이 들었습니다. 그 외에, 기능 구현 부분도, 라이프 사이클만 이해하시면, 충분히 빠르게 개발하실 수 있다고 생각이 들었습니다. 반면에, 2. 장기적으로 준비하거나, 앱 외에 웹에서도 좀 더 퀄리티 있는 작품을 만들고 싶다. 고 하시면 - 자바스크립트와 리액트를 공부하시면 될 거 같습니다. 아무래도, 자바스크립트를 공부해 놓으시면, 지금의 dart(flutter)보다는 웹과 앱 두 부분에서 더 장점이 있지 않을까 싶습니다. 아무래도 자바스크립트의 역사가 깊은 만큼, 모르는 부분도 서치를 통해서 해결에 나갈 수 있는 해결 방안도 더 많을 테니까요 그 외에, 3. 디자인 적인 부분에 대해서도 몇 가지 말씀드리겠습니다. - 플러터의 경우 머트리얼 디자인(android) 또는 쿠퍼티노 디자인(ios) 중 하나만 선택하여 ui를 구성하여도 os에 상관없이 하나의 디자인으로 구현이 가능합니다. - 리액트의 경우 웹으로 구현하고, native쪽에서 webview형식으로 어플을 구성한다면 문제가 없지만, react-native를 사용하면, 각 os에 맞는 ui를 구성해야 하는 걸로 알고 있습니다. 4. 플러터의 native적으로 성능 - 플러터의 경우 앱에서 native에 가까운 성능을 보여준다고 합니다. 그 이유는 1)스키아라는 디자인 엔진이 있어서 이고, 2) dart 코드를 cpu가 이해할 수 있는 기계 코드로 컴파일 해주는 AOT 컴파일러도 있는 등, 여러 가지가 있습니다. 제가 알고 있는 지식으로 이상 답변 드렸습니다. 짧게 요약하자면, - 빠르게 만들어야 하고 native 성능에 가까운 결과물을 원하신다면 : dart와 플러터 - 시간적인 여유가 있고 웹과 앱 두 가지 토끼를 잡으며, 개발 과정 중 어려움에 대한 정보를 많이 얻고 싶다면 : 자바스크립트와 리액트 이렇게 생각하시면 되겠습니다. 감사합니다.

신제품님의 프로필 사진

신제품

작성자

디자이너2023년 03월 28일

dart의 문법이 무언가 c#과 비슷해서 친근한 느낌이 있었는데 막힐때 자료들이 많은 것도 중요한 것 같아 react로 정하고 공부해나가기로 했습니다. 바쁘신 와중에 자세하고 정성스러운 답변 정말 감사드립니다 :)

엘리 선생님님의 프로필 사진

안녕하세요! 간단한 개발을 접근하시려고 하는군요! 아무래도 디자이너이고 배우기 좋은 부분은 리엑트 같습니다. 리엑트와 리엑트 네이티브 모두 자바스크립트이고 모르는 부분이 생겼을 때 구글에 검색되는 양 자체도 플루터의 다트보다는 자바스크립트의 답변들이 많습니다. 진로를 결정하는 것이 아닌 어느정도 토이나 사이드 프로젝트로 접근을 하신다면 지금 얼마나 쉽게 공부할 수 있는지가 중요할 것 같은데요. 그런 부분에서 리엑트를 추천해드리고 싶습니다.

신제품님의 프로필 사진

신제품

작성자

디자이너2023년 03월 27일

답변 감사드려요! 리액트로 시작해보겠습니다 :)

커리어리 AI 봇님의 프로필 사진

안녕하세요! 리액트와 플러터는 모두 많은 인기를 얻고 있는 프레임워크로, 각각의 장단점이 있습니다. 리액트는 주로 웹 애플리케이션을 위한 프레임워크인 반면, 플러터는 크로스 플랫폼 모바일 애플리케이션 개발에 주로 사용됩니다. 두 프레임워크의 주요 차이점은 다음과 같습니다: 1. 리액트 (React): - 주로 웹 애플리케이션 개발에 사용됩니다. - Facebook이 개발하였고, JavaScript를 기반으로 합니다. - 리액트 네이티브 (React Native)를 사용하면, 리액트를 활용해 모바일 애플리케이션 개발이 가능합니다. - 거대한 생태계와 커뮤니티를 갖고 있어, 많은 라이브러리와 자료를 찾을 수 있습니다. - 웹 개발에 대한 경험이 있다면 러닝 커브가 상대적으로 낮습니다. - 앱의 성능은 좋지만, 플러터에 비해 약간 떨어질 수 있습니다(리액트 네이티브의 경우). 2. 플러터 (Flutter): - 구글이 개발하였고, Dart 언어를 기반으로 합니다. - 크로스 플랫폼 모바일 애플리케이션 개발에 주로 사용됩니다. (iOS, Android) - 웹 및 데스크톱 애플리케이션 개발도 지원하지만, 아직 초기 단계입니다. - 빠른 개발 속도와 높은 성능을 제공합니다. 네이티브에 가까운 성능을 얻을 수 있습니다. - 핫 리로드 기능을 통해 개발 시간을 단축할 수 있습니다. - 사용자 인터페이스를 더 쉽게 커스터마이징 할 수 있습니다. - 커뮤니티는 성장하고 있지만, 리액트에 비해 상대적으로 작습니다. 따라서, 라이브러리와 자료를 찾기가 좀 더 어려울 수 있습니다. - Dart 언어를 배워야 하기 때문에, 다른 언어에 익숙한 개발자들에게는 러닝 커브가 있을 수 있습니다. 결론적으로, 리액트와 플러터 중 어떤 것을 선택할지는 여러 요인에 따라 달라집니다. 웹 애플리케이션에 중점을 두고자 한다면 리액트를 선택하는 것이 좋습니다. 반면, 모바일 애플리케이션 개발에 초점을 맞추고자 한다면 플러터를 선택하는 것이 좋습니다. 두 프레임워크 모두 좋은 선택이지만, 여러분의 프로젝트 목표와 필요한 기능, 개발 리소스, 그리고 기술적인 요구 사항에 따라 선택이 달라질 수 있습니다. 개인적인 경험과 기술 스택도 고려해야 합니다. 만약 JavaScript와 웹 개발에 대한 경험이 있다면, 리액트를 빠르게 익힐 수 있을 것입니다. 반면, 새로운 언어와 도전을 좋아하고, 높은 성능의 크로스 플랫폼 모바일 애플리케이션을 만들고 싶다면, 플러터를 시도해 볼 만한 가치가 있습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

김주현님의 프로필 사진

김주현

금오공과대학교 컴퓨터소프트웨어공학과2023년 03월 27일

이거 질문하면 자동으로 달아주는 거겠죠? 대박이네

신제품님의 프로필 사진

신제품

작성자

디자이너2023년 03월 27일

그런 것 같습니다. gpt의 경우 2021년 기반으로 답변을 해주니까 질문전에 물어보기도 했는데 지금과 큰 차이 없겠죠?

커리어리 AI 봇님의 프로필 사진

커리어리 AI 봇

GPT-4가 달아주는 답변입니다.2023년 03월 27일

이 답변은 GPT-4.0을 기반으로 생성된 것으로, 2021년 9월 이전의 정보로 학습되었기 때문에 최신의 정보와는 약간의 차이가 있을 수 있습니다.

커리어리 AI 봇님의 프로필 사진

디자이너가 배우기에는 React와 Flutter 모두 장단점이 있습니다. React는 웹 개발을 위한 프레임워크로, JavaScript를 기반으로 합니다. React는 모바일 앱 개발에도 사용할 수 있으나, 별도로 네이티브 앱으로 컴파일하거나 네이티브 기능을 사용하기 위해 추가적인 라이브러리를 사용해야 합니다. React는 유연성이 높아서 다양한 라이브러리와 함께 사용할 수 있어서 많은 개발자들이 사용하고 있습니다. Flutter는 구글에서 개발한 UI 프레임워크로, Dart 언어를 사용합니다. Flutter는 크로스 플랫폼 개발에 적합한 프레임워크로, 네이티브 앱 개발을 위한 라이브러리와 기능을 내장하고 있습니다. Flutter는 iOS와 Android 모두에서 빠른 성능을 보여주고, 직관적인 UI 개발을 위한 다양한 툴과 라이브러리가 제공됩니다. React와 Flutter의 큰 차이점은 언어와 UI 개발 방식입니다. React는 JavaScript를 기반으로 하며, UI 개발은 JSX라는 문법을 사용합니다. JSX는 HTML과 비슷한 문법으로 작성할 수 있어서 UI 개발이 상대적으로 쉽고 직관적입니다. Flutter는 Dart 언어를 사용하며, UI 개발은 위젯이라는 개념을 사용합니다. 위젯은 UI 컴포넌트를 구성하는 단위로, 상태 관리와 이벤트 처리를 쉽게 할 수 있습니다. 추천하는 프레임워크는 개인적인 취향과 프로젝트의 성격에 따라 다르지만, React와 Flutter 모두 다양한 커뮤니티와 라이브러리가 있어서 학습 곡선이 낮습니다. 이중에서도 React는 웹에서의 사용성이 높고, Flutter는 네이티브 앱 개발에 적합하다는 장점이 있습니다. 따라서, 단순한 웹 개발을 목표로 한다면 React를, 크로스 플랫폼 네이티브 앱을 개발하고자 한다면 Flutter를 선택하는 것도 좋은 방법입니다.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!