크로스 플랫폼이란?크로스 플랫폼(Cross-Platform)이란 컴퓨터 프로그램, 운영 체제, 프로그래밍 언어, 소프트웨어 등이 여러 종류의 플랫폼에서 실행될 수 있는 것을 의미합니다.게임을 예로 들면, PC 게임을 PlayStation이나 Xbox에서도 실행할 수 있는 것과 유사한 개념입니다.그중에서도 Flutter는 크로스 플랫폼을 지원하는 프레임워크로, 그 가능성과 발전 가능성은 무궁무진합니다. 이제 Flutter에 대해 자세히 알아보겠습니다.Flutter란?Flutter는 Google에서 개발한 Dart 언어 기반의 프레임워크로, iOS, Android, Linux, Windows, macOS, Web 총 6가지 플랫폼에서 개발할 수 있습니다.Flutter를 제대로 이해하려면 먼저 Dart 언어에..
Flutter
오늘은 pub.dev에 나만의 package를 만들어서 직접 올려보도록 하겠습니다하지만 시작전에, pub.dev를 모르는 사람이 있을수도있으니까 pub.dev에 대해서 설명하자면pub.dev란?pub.dev는 Dart와 Flutter 생태계에서 사용하는 공식 패키지 저장소입니다.pub.dev에서는 Dart와 Flutter 개발자들은 자신이 만든 패키지를 공유하거나, 다른 개발자들이 만든 유용한 패키지를 다운로드하여 프로젝트에 활용할 수 있습니다. 저는 pub.dev를 활용하여 멀티 래포를 구현하기 위해 만들어봤습니다. 1. Package 생성우선 패키지를 만드려면 기본 세팅을 해야겠죠? 만들기 전에 꼭 pub.dev에 본인이 만들고싶은 패키지와 중복되는 이름이 있는지 확인하세요. The official ..
오늘은 flutter 프로젝트에 .env를 적용해볼까한다. 적용해보기전에, env란?env파일이란? 만약 당신이 github 레포에 커밋을 할때 커밋이 되면 안되는것들이 종종 있을것이다.ex) key, api_url, 등등 그런 중요한 값들을 map형식으로 key값과 value값을 저장하고 값을 불러올 수 있도록 하는것이 env파일이다. 그 env파일을 .gitignore에 추가하면 본인의 github 레포에 커밋이 되지 않을것이다. 그럼 이제 env를 사용해보자. 사용 방법Flutter에서 env파일을 사용하는 방법은 라이브러리를 사용해야한다. pub.dev에 있는 https://pub.dev/packages/flutter_dotenv flutter_dotenv | Flutter packageEasi..
반갑다. 방금까지 CI로 고생한 플러터 개발자 박유현이다. 오늘은 github secrets로 .env파일을 만들어보겠다. 그전에 우선 왜 만들까???1. 만드는 이유만드는 이유야 다양하겠지만, 내가 github secrets를 사용한 이유는 env파일때문이다. env파일이란?https://iloveuhyeon.tistory.com/11 [Flutter] Flutter 프로젝트에 .env 적용하기오늘은 flutter 프로젝트에 .env를 적용해볼까한다. 적용해보기전에, env란?env파일이란? 만약 당신이 github 레포에 커밋을 할때 커밋이 되면 안되는것들이 종종 있을것이다.ex) key, api_url, 등등 그iloveuhyeon.tistory.com이 env파일을 사용해 중요한 값들만 따로 e..
문제를 먼저 보겠다. 위의 해시태그 버튼을 만들기 위해서 아래의 GrapperHashtag라는 컴포넌트를 만들었다. import 'package:flutter/material.dart';import 'package:grapper/utils/grapper_color.dart';import 'package:grapper/utils/grapper_font.dart';class GrapperHashtag extends StatelessWidget { const GrapperHashtag({ super.key, required this.text, this.isSelected = false, }); final String text; final bool isSelected; @override..
모든 정보는 노마드 코더 강의에서 가져왔습니다.https://nomadcoders.co/dart-for-beginners Dart 시작하기 – 노마드 코더 Nomad CodersFlutter 앱 개발을 위한 Dart 배우기nomadcoders.co Class이번에는 클래스를 배워보겠다아래 예제를 보자// class class Player { // class 생성 final String name = 'yuhyeon'; // property 혹은 field int xp = 100; // property void sayhello() { print('hello $name!! your xp is $xp'); }}void main() { var player = Player(); // player 인..
모든 정보는 노마드 코더 강의에서 가져왔습니다.https://nomadcoders.co/dart-for-beginners Dart 시작하기 – 노마드 코더 Nomad CodersFlutter 앱 개발을 위한 Dart 배우기nomadcoders.coFunctionsDefinding a functionsvoid sayHello(String name) { //여기서 void는 이 함수에서 return은 하지 않는다는건데 print("Hello $name nice to meet you!");} //만약 return을 하려면String sayhello2(String name) { //이런식으로 하면 되는데 여기서 void대신 String을 쓴 이유는 return값이 String타입이기 때문이다 만약 당신이 ..
모든 정보는 노마드 코더 강의에서 가져왔습니다.https://nomadcoders.co/dart-for-beginners Dart 시작하기 – 노마드 코더 Nomad CodersFlutter 앱 개발을 위한 Dart 배우기nomadcoders.coDataTypes기본 타입void main() { String str = "str"; //String bool alive = true; // boolean int age = 10; //integer double money = 69.99; //double num x = 10; // num이 integer의 부모 클래스 x = 10.11; // num이 double의 부모 클래스 }String : 문자 타입bool : 참 거짓 (true, false)in..
