분류 전체보기28 [Flutter] (4) 프론트엔드 디자인 하기 (Front-end Design) 지난번 글에서 Flutter의 기본 구조에 대해서 알아보았다. [Flutter] (3) Dart의 기본 구조 알아보기 [Flutter] (2) 애뮬리이터 설치하기, 앱 빌드 및 웹 빌드 이번 글에서는 Flutter에서 개발한 코드를 안드로이드 애뮬레이터, 실제 스마트폰, 그리고 웹에서 빌드해볼 수 있는 세팅을 진행 할 것이다. hwanho-log.tistory.com 지난번 글에 이어서 이번 글에서는 front-end 디자인을 하는 방법에 대해서 알아보려고 한다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super... 2023. 6. 26. [Flutter] (3) Flutter & Dart의 기본 구조 알아보기 지난번 글에서 진행한 것 처럼 잘 Flutter 프로젝트를 생성했다면 아래와 같은 화면이 빌드가 되는 것을 확인할 수 있을 것이다. [Flutter] (2) 애뮬리이터 설치하기, 앱 빌드 및 웹 빌드 이번 글에서는 Flutter에서 개발한 코드를 안드로이드 애뮬레이터, 실제 스마트폰, 그리고 웹에서 빌드해볼 수 있는 세팅을 진행 할 것이다. 지난번 글에서 Flutter SDK를 설치하고 VScode에서 Flutter을 hwanho-log.tistory.com 이 화면을 토대로 Flutter (Dart)의 기본 구조를 알아보려고 한다. 우선 가장 기본적으로 아래와 같은 코드가 사용된다. import 'package:flutter/material.dart'; void main() { runApp(const .. 2023. 6. 24. [Flutter] (2) 애뮬리이터 설치하기, 앱 빌드 및 웹 빌드 이번 글에서는 Flutter에서 개발한 코드를 안드로이드 애뮬레이터, 실제 스마트폰, 그리고 웹에서 빌드해볼 수 있는 세팅을 진행 할 것이다. 지난번 글에서 Flutter SDK를 설치하고 VScode에서 Flutter을 사용할 수 있도록 세팅을 해주는 과정을 진행했으니, 아직 이 세팅을 진행하지 못하였다면 아래 글을 따라서 설치와 세팅을 마치고 오길 바란다. https://hwanho-log.tistory.com/6 [Flutter] (1) 시작하기, SDK설치 및 VScode에서 Flutter세팅 Flutter를 사용하여 새로운 프로젝트를 시작하기 위해서 Flutter 개발환경을 세팅했다. Flutter는 다른 프레임워크들과는 다르게 크로스 플랫폼(cross-flatform), 즉 한가지 개발 환경으.. 2023. 6. 19. [Flutter] (1) 시작하기, SDK설치 및 VScode에서 Flutter세팅 Flutter를 사용하여 새로운 프로젝트를 시작하기 위해서 Flutter 개발환경을 세팅했다. Flutter는 다른 프레임워크들과는 다르게 크로스 플랫폼(cross-flatform), 즉 한가지 개발 환경으로 안드로이드, 아이폰, 웹 등 여러 환경에서 동작할 수 있는 서비스를 개발할 수 있는 개발자에게 매우 유익한 framework이다. 비슷한 형식의 framework로는 react native가 있다. 둘의 차이점을 조금 비교하자면, React Native Flutter 1. 페이스북 (메타)에서 개발 1. 구글에서 개발 2. HTML, CSS, javascript 베이스 2. Dart 베이스 이정도로 비교해볼 수 있을 것 같다. 두 언어 모두 유명하고 믿을 수 있는 대기업에서 개발하고 유지 보수중인 .. 2023. 6. 18. 이전 1 ··· 4 5 6 7 다음
