본문 바로가기

App5

[Flutter] Stateless 위젯과 Stateful 위젯 플러터에서 위젯은 크게 두 가지 종류가 있습니다. Stateless 위젯과 Stateful 위젯입니다. Stateless 위젯 불변(immutable)한 위젯입니다. 최초에 만들어져 화면에 그려지고 나면, 위젯을 삭제하고 새로운 위젯을 만들지 않는 이상 수정되지 않습니다. 그래서 생명주기(life cycle)를 거의 고려하지 않아도 괜찮습니다. material.dart 파일을 import하고 Stateless 위젯을 만들어 봅시다. import 'package:flutter/material.dart'; class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'F.. 2022. 1. 15.
[Flutter] 개발 환경 설정 및 Dart 언어의 특징 알아보기 제가 맥이 없으므로 안드로이드 개발에 대해서만 다루겠습니다. 개발환경 설정 (맥을 제외한 OS에서) Git을 설치해주세요. 여기에서 최신 버전의 안드로이드 스튜디오를 다운받아 설치해주세요. 여기에서 Flutter SDK 최신 버전을 다운받아 설치해주세요. 환경 변수의 Path에 Flutter SDK를 설치한 곳의 bin 폴더 주소를 추가해주세요. 안드로이드 스튜디오에서 SDK 매니저를 연 후 원하는 안드로이드의 버전을 설치해주세요. 터미널에서 flutter doctor --android-licenses 를 입력하고 각 항목에 동의해줍니다. flutter doctor을 입력해봅니다. 이렇게 뜨면 잘 된 것입니다. 안 된 것이 있으면 잘 고쳐봅시다. Dart 구글에서 개발한 다트는 자바스크립트의 자율성과 자.. 2022. 1. 11.
[Flutter] Flutter에서 GraphQL을 잘 사용해보자! 회사 블로그 https://blog.promedius.ai/flutter-graphqleul-jal-sayonghaeboja/ 에 올린 글입니다. 아카이브용으로 가져왔어요. [Flutter] Flutter에서 GraphQL을 잘 사용해보자! 안녕하세요, 개발팀 톡기입니다. 오늘은 Flutter에서 GraphQL을 사용하면서 알게 된 것들을 글로 정리해 볼 거에요. 👀 코드들의 기본 틀은 graphql_flutter 패키지 문서에서 가져왔습니다. 패키지 가져 blog.promedius.ai 오늘은 Flutter에서 GraphQL을 사용하면서 알게 된 것들을 글로 정리해 볼 거에요. 👀 코드들의 기본 틀은 graphql_flutter 패키지 문서에서 가져왔습니다. 패키지 가져오기 & 설정하기 우선 Graph.. 2021. 9. 27.
[Cordova] 아파치 코도바 찍어먹기 - 설치와 세팅 아파치 코도바(Apache Cordova)로 리액트 프로젝트를 돌돌 말아서 모바일 앱으로 구동하는 것이 목표인 '아파치 코도바 리액트에 찍어먹기' 포스팅입니다. Create your first Cordova app 을 따라해보겠습니다. 명령줄 인터페이스 - Apache Cordova 명령줄 인터페이스 이 가이드에서는 응용 프로그램을 만들고 사용 하 여 다양 한 네이티브 모바일 플랫폼에 배포 하는 방법에 cordova 명령줄 인터페이스 (CLI). 이 도구를 사용 하면 새 프로젝트를 cordova.apache.org Cordova CLI 설치하기 npm에서 cordova를 설치합니다. $ npm install -g cordova 프로젝트를 시작할 경로에서 다음 명령어를 입력하세요. $ cordova cre.. 2021. 5. 1.
[리액트 네이티브] RN 소개 및 장단점 리액트 네이티브(React Native)는 페이스북에서 만든 모바일 앱 프레임워크로서, 자바스크립트 프레임워크인 리액트를 기반으로 한다. 일반적으로 하이브리드 앱(ex. 아이오닉)은 웹앱을 네이티브 컴포넌트로 포팅한 개념이다. 웹 개발 하듯이 개발 하면, 프레임워크가 웹앱을 네이티브 컴포넌트로 감싸주는 역할을 한다. 네이티브 앱처럼 보이는 웹뷰라고 생각하면 되겠다. 그런데 RN은 일단 네이티브로 컴파일을 하기 때문에 하이브리드 앱과는 다르고, 그보다 성능이 좋다는 장점이 있다. 이를 포함해서 RN은 장단점이 확실한 편인데, 좁은 식견으로 다음과 같은 몇몇 장단점을 알아보았다. 장점 | 1. 크로스 플랫폼 개발이 용이 | 어느 정도 최적화가 필요하겠지만, IOS와 안드로이드 두 플랫폼을 동시에 개발할 수 .. 2020. 5. 12.