다재다능 개발자 성장기 🚀

이번 과제는 주제가 게임인 만큼 조건이 많아서 생각을 많이 하면서 만들게 되었다.요구사항에 있는 기능들을 만드는 건 재미있었지만, 조건의 갯수만큼 다양한 상황을 가정하고 예외처리를 해주는 건 까다로운 일이었다. 세부적인 예외처리는 더 추가해야된다..  그리고 각 클래스와 함수마다 서로 연관된 부분이 많아서 새로운 기능들을 추가했을 경우에 전체적인 흐름에서 맞지 않는 부분이 있는지 테스트 돌려보면서 자잘한 부분에서 버그 픽스 하는 것에 시간이 많이 걸렸다.    이번 과제에서 가장 어려웠던 부분은 각 조건마다 게임을 중단하거나 이어지도록 하는 부분이었다. 어찌저찌 while문을 이중으로 사용해서 구현하긴 했는데 이게 최선의 방법인지는 모르겠다. 분명 더 좋은 방법이 있을 것 같다. 더 생각해보기! 그래도 ..

이번 첫 개인 과제로 dart로 간단한 쇼핑몰 만들기 과제가 주어졌다 ! 과제를 진행하면서 dart 문법과 좀 더 친해질 수 있었고, class나 인스턴스 개념을 활용하여 만들어야 했기에 개인적인 공부도 많이 된 것 같다. 도전 과제까지 하고나서, 장바구니의 총 금액 출력 시 천 단위마다 콤마 삽입 같은 소소한 기능들도 조금 추가해보았다. 귀여운 이모티콘들도 넣었다 😽. 코드 관련한 과제를 마무리하고 평가요소의 이해도 및 우수성에 해당하는 도전 과제들도 진행하였다. dart에서 폴더 및 파일분리를 어떤 방식으로 하는지 찾아보고 직접 나눠볼 수 있었고, 특정 함수에서 특수 상황에 대한 예외처리를 2가지 이상 구현해보면서 dart를 익히는데 이번 과제가 많은 도움이 된 것 같다. 그리고 깃 커밋 컨벤션 지..

StatelessWidget 단축키stless +  enter  StatefulWidget 단축키stfulw + enter

Dart는 두가지의 컴파일러를 사용한다. Ahead-of-Time(AOT) 컴파일러프로그램 실행 전에 미리 컴파일하는 컴파일러  Just-in-Tiem(JIT) 컴파일러프로그램 실행 중(런타임)에 코드의 일부 또는 전부를 컴파일하는 컴파일러 => Dart는 AOT 컴파일러로 성능을 높이고, JIT 컴파일러로 실시간으로 결과를 확인하면서 개발 효율을 높일 수 있습니다.   멀티 플랫폼 개발이 가능하다멀티 플랫폼이란 하나의 프로그램이 여러 플랫폼에서 구동될 수 있는 환경을 의미합니다. 하나의 코드로 여러 플랫폼에서 사용 가능하다는 엄청난 장점!  사용가능한 플랫폼 종류 모바일Androidios데스크탑WindowsLinuxmaxOS웹ChromeFirefoxSafariEdge  간결하고, 읽기 쉬운 문법 + 현..

원인해당 에러는 Dart 또는 Flutter 프로젝트에서 특정 패키지를 찾을 수 없을 때 발생하는 문제이다.'package:flutter/material.dart'를 찾지 못해 생긴 에러인데, 일반적으로 Flutter 환경 설정이 올바르게 되어 있지 않거나, 패키지가 제대로 설치되지 않았을 때 발생한다. 해결 방법1. Flutter SDK 설치 확인터미널에서 아래의 명령어로 Flutter SDK가 설치되어 있는지 확인해준다.만약 설치되어있지 않다면,  Flutter 공식 사이트에서 설치해준다! flutter --version 2. flutter packages get 실행  난 이 방법으로 해결하였다!프로젝트 내에 패키지가 제대로 설치되지 않았을 경우 발생할 수 있는 에러여서, 터미널에서 프로젝트 루트 ..

1. assets/images 파일을 생성한다 2. pubspec.yaml 파일에서 assets : 부분 주석을 풀어준 뒤 생성한 파일명으로 수정해준다.  assets:    - assets/images/ 4. 이미지 사용 방법Flutter 코드에서 Image.asset()을 사용하여 assets/images 디렉토리에 있는 이미지를 표시할 수 있다 Image.asset('assets/images/profile_image.png')

vscode로 flutter 개발을 하던 중 디버그 콘솔 색상이 너무 연해서 가독성이 떨어져 색상을 변경하였다. 속 시원👍  VSCode 설정 열기:Cmd + , (Mac) 또는 Ctrl + , (Windows/Linux)를 눌러 VSCode 설정을 엽니다. 사용자 설정 (settings.json) 열기:설정 창 상단에 "설정 (Settings)" 검색창이 있습니다. 여기에서 오른쪽 상단의 파일 아이콘(또는 '설정 열기' 버튼)을 클릭하면 settings.json 파일을 직접 열 수 있습니다. 디버그 콘솔 색상 설정 추가:settings.json 파일에서 아래와 같이 디버그 콘솔의 글자색과 배경색을 수정할 수 있습니다.workbench.colorCustomizations :    // 디버그 콘솔 색상..

에뮬레이터 실행시킬 기기를 선택할 때, 동일한 기기인데 뒤에 cold boot 가 붙은 버전이 있어 차이점이 무엇인지 궁금해 찾아보았다(일반적으로 에뮬레이터가  cold boot라고 명시되어 있지 않으면 warm boot라고 할 수 있다.)warm boot와 cold boot 중에 일반적으로는 warm boot를 자주 사용하는 것이 효율적이라고 한다. Cold Boot정의: 에뮬레이터를 완전히 종료한 후 다시 시작하는 것.특징:모든 데이터를 초기화하고, 에뮬레이터가 처음 부팅되는 것처럼 작동합니다.앱의 초기 상태를 확인할 수 있으며, 시스템 설정도 기본값으로 돌아갑니다.시작하는 데 시간이 더 걸릴 수 있습니다.Warm Boot정의: 에뮬레이터가 이미 실행 중인 상태에서 앱만 재시작하는 것.특징:에뮬레이터..

Show Context Action이미 짜여진 코드가 있는 경우, 위젯의 생성과 제거를 일일이 수동으로 붙이고 자르고 할 필요없이 클릭 한 번으로 자동으로 할 수 있어서 Flutter 개발을 빠르고 효율적으로 할 수 있도록 도와주는 기능이다. 실수로 위젯 계층 구조를 잘못 수정하는 일도 줄어들고, 복잡한 위젯 트리를 리팩토링할 때 유용하게 사용할 수 있는 꿀기능이다👍   특정 위젯 생성생성하려는 위치에 커서를 놓고 Alt + Enter (윈도우/맥 모두 같다) 키를 누릅니다.Wrap with Widget 옵션을 선택하여 해당 위치에 새로운 부모 위젯을 자동으로 생성할 수 있습니다.예를 들어, Container, Column, Row와 같은 위젯을 기존 위젯에 감싸는 작업이 가능합니다. 특정 위젯 삭제삭..

timeago 라이브러리특정 시점으로부터 얼마만큼 시간이 지났는지를 표현해주는 라이브러리이다. 예를 들어, "5분 전", "2일 전", "방금"과 같은 시간 형식을 지원한다. 이런 기능은 주로 소셜 미디어 앱이나 뉴스 앱처럼 시간 경과를 직관적으로 보여줄 필요가 있을 때 유용하게 쓰인다. 설치flutter pub add timeago 사용법1) 상단에서 해당 라이브러리 import 해준다import 'package:timeago/timeago.dart' as timeago; 2) 한국어로 설정해준다.timeago.setLocaleMessages('ko', timeago.KoMessages()); 예시코드import 'package:flutter/material.dart';import 'package:ti..