프레임워크 (19) 썸네일형 리스트형 플러터에서 GIF 파일 사용하기! GIF 사진 사용 방법오늘은 플러터를 이용해 GIF 파일을 사용하는 방법에 대해 알아보겠습니다.먼저 기존의 플러터 프로젝트에 GIF파일을 추가해야 하므로 폴더를 하나 만들어줍니다.저는 /assets/images → 라는 경로를 생성해 주었습니다. 해당 폴더 속에 GIF 파일을 저장합니다.저는 위와 같은 GIF파일을 저장해주었습니다.이제 다음으로 “pubspec.yaml” 파일에 해당 디렉토리를 사용할 수 있게 수정해주어야 합니다.flutter: # The following line ensures that the Material Icons font is # included with your application, so that you can use the icons in # the material I.. 애플리케이션 등록하기! (플레이스토어, 앱스토어) 오늘은 개발한 앱을 등록하는 방법을 작성해보려고 한다. 먼저 안드로이드 앱을 플레이스토어에 배포하는 방법에 대해 작성하겠다. 1. 키 만들기 - 안드로이드 앱을 플레이스토어에 등록하려면 키를 먼저 생성하고 프로젝트에 등록해주어야 한다. keytool -genkey -v keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload 위 명령어를 실행해서 키를 만들어보자. 그럼 다음과 같은 질문에 대한 답을 해야한다. 1. Enter keystore password (비밀번호 입력) 2. Re-Enter new password (위 비밀번호 한번 더 입력) 3. What is your first and last na.. 클래스와 생성자는 어떻게 사용할까? 오늘은 다트에서 클래스의 선언과 생성하는 방법 그리고 객체 멤버와 클래스 멤버 등등을 소프트웨어 공학 개념과 더해 살펴볼거에요! 조금 어려울 수도 있으니 잘 따라와 주세요! 클래스 선언과 생성 다트에서도 마찬가지로 다른 객체지향 언어와 같이 클래스 선언을 class라는 예약어를 통해 해준답니다. 아래 코드로 예를 보시죠! class User{ String name = "Minseo"; int age = 24; void hello(){ print('hello ${name}, age: ${age}'); } } 위 처럼 다른 보시면 자바 코드랑 굉장히 유사하죠? 이런식으로 클래스 선언을 해주시면 됩니다! 클래스를 객체로 만들어주기! 위에서 만든 클래스로 객체를 만들어주기 위해서는 new 예약어를 사용해 객체화.. 다트 언어 - 함수와 연산자, 제어문에 대하여! 지난 시간에 우리는 다트 언어에서 데이터 타입을 어떻게 사용하는지? 또 타입 변환은 어떻게 하는지? 상수 선언은 어떻게 하는지? 컬렉션은 어떻게 쓰는지 ? 마지막으로 널값을 사용할 때 어떻게 사용하는지에 대해 알아보았어요! 오늘은 함수를 먼저 이야기 하고, 제어문에 대해 이야기 해보겠습니다! 함수 다트언어는 기본적으로 객체지향 법칙을 따르고 있는 언어이기 때문에 자바에서와 마찬가지로 클래스와 객체 개념을 이용한답니다! 그럼 기본적인 함수 하나를 만들어볼게요! int plus(int a, int b){ return a+b; } 위 와 같이 함수 선언은 기존의 언어와 마찬가지로 해줍니다! 단, 다트에서는 다음과 같은 오버로딩 기능이 없어요! int plus(int a, int b){ return a+b; }.. 다트 언어 - 데이터 타입에 대하여 공부하기 안녕하세요 오늘은 다트언어 데이터 타입에 대하여 공부를 해보겠습니다! 시작하기전에 다트언어는 자바스크립트를 겨냥해 만든 언어로 UI디자인을 위해 만들어진 언어라고 합니다! 그냥 그렇다구 해서 써봐요 ㅎㅎ 아무튼 시작해볼게요! 다트의 타입 클래스 다트에서 모든 변수는 객체로 처리한다고 합니다! 따라서 우리가 아는 기본적인 정수형, 문자형, 불리언형 등 모든 것을 객체로 표현하고 있어요. 객체란? : 객체는 현실세계에 존재하는 모든 것들이 객체가 될 수 있어요! 보통 붕어빵을 이야기 많이 하는데, 붕어빵1, 붕어빵2, 붕어빵3 이런식으로 객체라구 말하구, 그 붕어빵의 틀을 클래스라고 표현해요. 그러니까 위에서 이야기 한 것처럼 (정수형 틀 = 정수형 클래스), (정수형 객체 = 정수형1)이 되는 거죠! 다트.. Flutter에서 BottomNavigation 위젯 활용하기 - 맛탐컴전 모바일 애플리케이션을 개발할 때 사용자의 편의성을 극대화하기 위해 효율적인 네비게이션 시스템을 구축하는 것이 중요합니다. Flutter에서는 이를 위해 다양한 네비게이션 옵션들을 제공하고 있는데, 그 중에서도 특히 BottomNavigation 위젯은 하단 탭을 통해 쉽고 빠르게 다양한 뷰로 전환할 수 있는 인터페이스를 제공합니다. 이 글에서는 BottomNavigationBar 위젯의 상세한 설명과 사용 예시, 그리고 코드 예제를 통해 Flutter에서의 하단 네비게이션 구현 방법을 알아보겠습니다. BottomNavigationBar 위젯이란? BottomNavigationBar는 Flutter에서 제공하는 위젯 중 하나로, 화면 하단에 위치하는 탭 바를 통해 사용자가 앱 내의 주요 뷰로 쉽게 이동할 .. 플러터의 기본 프레임워크: 모바일 앱의 핵심 플러터(Flutter)는 현재 모바일 앱 개발 분야에서 큰 주목을 받고 있는 구글의 UI 프레임워크입니다. 이 프레임워크는 모바일 앱 및 웹 애플리케이션 개발을 위한 강력한 도구로, 어떻게 작동하며 어떤 장점을 제공하는지에 대해 자세히 알아보겠습니다. 플러터: 개발의 혁신 플러터는 다양한 플랫폼에서 앱을 개발하고 배포할 수 있도록 도와주는 혁신적인 크로스 플랫폼 프레임워크입니다. 이를테면 iOS와 Android는 물론 웹, 데스크톱, 그리고 앞으로 나올 다른 플랫폼까지 지원합니다. 가장 큰 장점 중 하나는 하나의 코드베이스로 여러 플랫폼을 대상으로 개발할 수 있다는 것이며, 이는 개발자들에게 시간과 노력을 절약하고 효율성을 높여줍니다. 또한 플러터는 다른 크로스 플랫폼 프레임워크와는 달리 네이티브 개발 .. 플러터 Center 위젯: 화면 정렬의 마스터피스 플러터(Flutter)는 구글에서 개발한 오픈 소스 UI 프레임워크로, 모바일 앱 및 웹 애플리케이션을 개발하기 위한 강력한 도구입니다. 플러터를 사용하면 다양한 화면 구성 요소를 조합하여 앱의 디자인을 작성할 수 있습니다. 그 중에서도 "Center" 위젯은 화면의 콘텐츠를 가운데 정렬하는 데 매우 유용한 도구입니다. Center 위젯의 역할 Center 위젯은 자식 위젯을 화면 중앙에 정렬하는 데 사용됩니다. 이것은 화면의 가로 및 세로 중앙에 콘텐츠를 배치하고자 할 때 매우 유용합니다. Center 위젯은 부모 위젯에 대한 자식으로 사용되며, 부모 위젯이나 부모 위젯과 함께 사용될 수 있습니다. Center 위젯의 활용 예시 다음은 Center 위젯을 사용하여 간단한 화면을 만드는 예시입니다. 이 .. 이전 1 2 3 다음
