전체 글

Flutter에서 상태관리는 정말 중요합니다.저는 이 사실을 최근에 뼈저리게 깨달았습니다. 제 60회 광주광역시 전국기능경기대회에서 은메달을 수상했습니다.은메달을 수상하긴 했지만, 대회 중 가장 저를 괴롭힌 건 의외로 이거였습니다.바로..상태관리...상태관리? 중요해?저는 처음에는 상태관리가 그렇게 중요한가 싶었습니다. 어짜피 화면만 원하는 값으로 변하면 되는걸 굳이 관리까지 해줘야하나? 라고 생각했습니다. 하지만, 막상 대회에서 저런 생각으로 만든 코드를 사용했더니 아뿔싸 제가 대회용 서버를 죽였습니다. 원인은 간단했습니다.과도한 요청으로 인한 서버 과부하였습니다.무슨 코드를 짰길래.. 제가 구현하려던 기능은 단순했습니다.위 사진처럼 앱 사용 시간을 초 단위로 카운트해서 화면에 보여주는 기능이었습니다..

크로스 플랫폼이란?크로스 플랫폼(Cross-Platform)이란 컴퓨터 프로그램, 운영 체제, 프로그래밍 언어, 소프트웨어 등이 여러 종류의 플랫폼에서 실행될 수 있는 것을 의미합니다.게임을 예로 들면, PC 게임을 PlayStation이나 Xbox에서도 실행할 수 있는 것과 유사한 개념입니다.그중에서도 Flutter는 크로스 플랫폼을 지원하는 프레임워크로, 그 가능성과 발전 가능성은 무궁무진합니다. 이제 Flutter에 대해 자세히 알아보겠습니다.Flutter란?Flutter는 Google에서 개발한 Dart 언어 기반의 프레임워크로, iOS, Android, Linux, Windows, macOS, Web 총 6가지 플랫폼에서 개발할 수 있습니다.Flutter를 제대로 이해하려면 먼저 Dart 언어에..

시작하기에 앞서https://iloveuhyeon.tistory.com/12 [Flutter] pub.dev에 나만의 package를 만들고 올리기 #1오늘은 pub.dev에 나만의 package를 만들어서 직접 올려보도록 하겠습니다하지만 시작전에, pub.dev를 모르는 사람이 있을수도있으니까 pub.dev에 대해서 설명하자면pub.dev란?pub.dev는 Dart와 Flutter 생태계iloveuhyeon.tistory.com 이 글을 안 읽고 오셨다면 읽고 오시는것을 추천드립니다.3. 패키지 구현본격적으로 패키지 구현을 해보겠습니다.├── lib/│ ├── src/│ │ ├── colors.dart│ │ └── ... (기타 내부 파일)│ └── your_package_name..

오늘은 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 인..