본문 바로가기
728x90

분류 전체보기968

Flutter의 디자인 관련 위젯 Flutter의 디자인 관련 위젯Flutter는 Material Design과 Cupertino(iOS 스타일)을 지원하며, 다양한 디자인 관련 위젯을 제공합니다.UI를 꾸미고 스타일을 적용하는 데 유용한 주요 위젯을 정리해보겠습니다.1. 컨테이너 (Container)Container는 박스(Box) 형태의 UI 요소로, 크기 조정, 배경색, 테두리, 그림자 등을 적용할 수 있습니다. Container( width: 200, height: 100, alignment: Alignment.center, decoration: BoxDecoration( color: Colors.blue, // 배경색 borderRadius: BorderRadius.circular(15), // 둥근 모서리 .. 2025. 3. 13.
Flutter의 제스처(Gesture) 관련 위젯 Flutter의 제스처(Gesture) 관련 위젯Flutter에서는 사용자의 터치, 스와이프, 탭, 길게 누르기 등의 입력을 감지하는 제스처(Gesture) 위젯을 제공합니다.이러한 위젯을 활용하면 버튼, 드래그 가능한 UI, 애니메이션 등의 다양한 상호작용을 구현할 수 있습니다.1. GestureDetector (가장 기본적인 제스처 감지 위젯)GestureDetector는 사용자의 다양한 터치 이벤트를 감지할 수 있는 기본 위젯입니다.import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @overrid.. 2025. 3. 11.
Flutter의 텍스트 관련 위젯 Flutter의 텍스트 관련 위젯Flutter에서 텍스트를 표시하고 스타일을 지정하는 데 사용할 수 있는 여러 위젯이 있습니다. 대표적으로 Text, SelectableText, RichText 등이 있으며, 각 위젯의 특징과 사용법을 살펴보겠습니다.1. 기본 텍스트 위젯 (Text)Flutter에서 텍스트를 표시하는 가장 기본적인 위젯입니다.1.1. 기본 사용법Text("Hello, Flutter!")단순한 텍스트를 화면에 표시할 때 사용합니다.1.2. 스타일 적용 (TextStyle)Text( "Hello, Flutter!", style: TextStyle( fontSize: 24, // 글자 크기 fontWeight: FontWeight.bold, // 굵기.. 2025. 3. 7.
아리 왈락(Ari Wallach) "롱패스(The Longpath)" 이 책은 단순한 미래 예측이 아니라, 우리가 미래를 보다 능동적으로 형성할 수 있는 사고방식을 강조한다. 현재의 급변하는 환경 속에서 보다 넓은 관점을 유지하고, 개인적·사회적 발전을 이루기 위한 철학적·전략적 접근법에 대해 이야기한다. 아리 왈락의 롱패스(The Longpath)는 현대 사회의 단기주의를 넘어서 장기적인 사고방식을 기르는 방법을 제시하는 책이다. 우리는 대부분 눈앞의 문제를 해결하는 데 급급하고, 즉각적인 결과를 요구하는 시대에 살고 있다. 하지만 저자는 인간과 사회의 지속적인 성장을 위해서는 장기적인 시야를 가지고 의사 결정을 해야 한다고 주장한다. 이 책은 단순한 이론적 논의가 아니라, 우리가 어떻게 롱패스 사고를 실천할 수 있는지를 구체적인 사례와 함께 설명한다. 각 장에서 다루는.. 2025. 3. 6.
안드로이드 스튜디오에서 Flutter "Hello Flutter" 앱 만들기 Hello, Flutter1. 새로운 Flutter 프로젝트 생성Android Studio 실행Welcome to Android Studio 화면에서New Flutter Project 클릭또는 File → New → New Flutter Project 선택Flutter 프로젝트 유형 선택Flutter Application 선택 후 Next프로젝트 설정Project name: hello_flutter (프로젝트 이름)Flutter SDK Path: Flutter SDK 경로 선택Project location: 저장할 폴더 선택Description: (선택 사항) 프로젝트 설명 입력Platforms: Android와 iOS를 기본 활성화Create 클릭하여 프로젝트 생성2. "Hello Flutter" 코드.. 2025. 3. 6.
Flutter vs. React Native Flutter vs. React Native 비교Flutter와 React Native는 크로스 플랫폼 앱 개발을 위한 대표적인 프레임워크입니다. 하지만 기술 스택, 성능, 개발 방식, UI 렌더링 방식 등 여러 측면에서 차이가 있습니다. 아래에서 두 프레임워크를 비교해 보겠습니다.1. 기본 개념 및 개요항목FlutterReact Native개발사GoogleMeta (Facebook)출시 연도2017년2015년언어DartJavaScript (React.js 기반)렌더링 방식Skia 엔진을 사용한 자체 렌더링네이티브 브릿지를 통한 네이티브 컴포넌트 사용핵심 철학자체 UI 엔진 사용으로 일관된 UI 제공네이티브 컴포넌트를 사용해 네이티브와 유사한 UX 제공Flutter: Skia 엔진을 사용하여 모든 UI를.. 2025. 3. 6.
728x90

티스토리툴바