Peter's hardware & software

React native와 flutter를 layout 측면에서만 살펴볼거야. 문법(?)적인 차이는 표준 문서를 보도록 하고 이 글에서는 React native에서 주로 사용하는 컴포넌트에 대응하는 Flutter 위젯이나 구현 방식 등에 대해서만 이야기하도록 할게. 먼저 React native는 html처럼 태그로 컴포넌트들을 감싸서 layout을 만드는데 비해 flutter는 함수를 호출하는 것처럼 보여.👇 // React Native ... return ( Hello world ); ... // Flutter ... return Container( child: Text("Hello world"), ) ... 그래서 React는 (태그가) 중첩되면서 복잡해지고 ㅋㅋㅋ Flutter는 (),{} 가 중첩되..

Flutter로 앱을 개발하려면 Android studio가 반드시 설치되어 있어야 해. 그런데 그렇다고 개발할 때 꼭 android studio를 사용할 필요는 없어. 그냥 vscode에 extension 설치해서 사용해도 개발에는 무리가 없거든. vscode 많이들 사용하니까 나도 그렇고.. vscode부터 살펴보자구. 먼저 extension 설치해야겠지? flutter와 dart로 검색하면 여러가지가 나오는데 난 4개 설치했어. Dart, flutter, flutter Widget Snippets, Flutter Tree Dart는 언어, Flutter는 기본 프레임웍이니까 기본으로 깔고 들어가는 거고, Flutter Widget Snippets는 flutter 관련 코드 자동 완성툴. 그리고 마지..

매우 기본적인 사항이라 어느정도 하는 사람은 읽을 필요 없음! flutter 공홈에 전부 다 나오는 내용임! React native랑 flutter랑 프로그램 외적인 차이에 대해 알고 넘어가보면 개발할 때 IDE, simulator 같은 건 다 똑같아. 다른 게 없어. 명령이나 디버깅 툴 정도만 조금 다를 뿐. 그래도 굳이 나열해보자면 👇👇 React에서는 필요한 Package를 설치할 때 npm이나 yarn을 사용하는데 flutter에서는 flutter pub add package_name 이런식으로 설치해. 아니면 pubspec.yaml 에 원하는 package 이름을 추가한다음 flutter pub get 명령으로 install 할 수 있어. 예를 들어 웹뷰 패키지를 설치하고 싶으면 👇👇 % flu..

React native는 Javascript, Flutter는 Dart를 기반으로 해. 그런데 사실 큰 차이점을 모르겠더라고 눈에 띄는 Asynchronous 부분부터 보자구. 우선 Javscript에서는 promise로 선언된 함수를 .then()과 함께 사용하잖아? 이런식으로 👇👇 const result = fetch("example.url").then(response => response.json()).then(jsonResult => jsonResult); Promise는 fetch 안에 숨어있을거야 그러니까 then() 도 사용할 수 있는거고. 혹시나 도중에 error 처리를 하고 싶으면 .catch()를 붙여주면되고.. Dart도 거의 똑같아. 그런데 promise 대신 Future를 키워드로..

어느정도 React Native에 익숙해져있는 상태에서 Flutter를 새로 하려니 React native에서 겪었던 그 스트레스를 다시 경험한다는 생각에 짜증과 갑갑함이 ㅋㅋㅋㅋㅋ 그래도 뭐 어쩌겠어 ㅋ 이 악물고 하는거지. 그래도 뭔가 좀 차이점을 알고 지나가면 적응하는게 쉽지 않을까? 하는 생각이 들더라고. 그런데 마침 flutter getting started 문서에 React Native 개발자들을 위한 Flutter라는 문서가 뙇! https://docs.flutter.dev/get-started/flutter-for/react-native-devs Flutter for React Native developers Learn how to apply React Native developer kno..

나는 1인 개발자니까 프론트, 백엔드, 앱, 웹 혼자 다 해야 하자너.. 그런 측면에서 React native는 괜찮은 선택인 것 같았어. 전부 Javasciprt로 해버리면 되니까 말이야. 어차피 웹은 자바스크립트 피할 수 없고 백엔드는 node.js serverless로 하면 되니까. 그래서 몇달간 React native를 꽤 열심히 했어. 처음에는 약간 퍼즐? 수수께끼 푸는 느낌으로 재미있게 했어. 필요한 package도 찾아보면 거의 다 있고 예제도 문서도 잘 되어 있었으니까. 그런데 말이지... 개발을 하면 할수록 너저분해지고 꼬여가는 듯한 느낌을 지울수가 없단 말이야... 뭐 물론 100% 반론의 여지없이 내가 잘 못하고 있는 거겠지만 ㅋㅋㅋ Live and let live! 냅둬 ㅋㅋ Rea..