Flutter APP 만들기 : 일정관리 Step 3rd

logo_일정관리_Step_3

이 전(Step 2nd) 글에서 기본 달력을 띄우는데 성공했으니 이번에는 달력을 커스터마이징 해보겠습니다. TableCalendar 커스터마이징 TableCalendar 위젯의 스타일은 크게 두 가지로 나눌 수 있습니다. 화살표와 년도 및 월이 보이는 최상단은 headerStyle 매개변수를 통해 지정할 수 있습니다. 날짜들이 배열돼 있는 아랫부분은 calendarStyle 매개변수를 사용해 지정할 수 있습니다. lib/component/main_calendar.dart 헤더 스타일 설정 titleCentered 매개변수에 true를 입력하면 연, 월을 … 더 읽기

FileSystemException: Failed to decode data using encoding ‘utf-8’

logo_filesystemexception_macos

FileSystemException 에러는 파일 인코딩 문제 때문에 발생합니다. 특히 에러 메시지에 나온 ._로 시작하는 파일은 macOS에서 자동으로 생성하는 메타데이터 파일인데, 이 파일이 텍스트 파일이 아니기 때문에 빌드 시스템이 UTF-8로 읽으려다 실패하는 경우입니다. 이 문제는 주로 외장 하드나 특정 파일 시스템을 사용할 때 자주 발생합니다. 원인 분석 🧐 에러 메시지를 자세히 보면, 문제가 되는 파일 경로가 /…/._Pods-Runner.release.xcconfig인 것을 알 수 있습니다. 해결 … 더 읽기

Flutter APP 만들기 : 일정관리 Step 2nd

logo_일정관리_Step_2

이 전 글에 이어서 UI 개발을 진행해 보도록 하겠습니다. 우선 이번 스텝에서는 기본 달력을 띄워보는 것까지 기록해 보겠습니다. 주색상 선언 앱에서 사용할 주색상들을 선언할 파일을 만듭니다. 파일은 main.dart가 있는 lib 폴더를 기준으로 “lib/const/colors.dart”이라는 경로와 이름으로 만들겠습니다. 주색상은 초록색, 옅은 회색, 어두운 회색 그리고 텍스트 필드 배경색을 선언해 주겠습니다. lib/const/colors.dart 달력 구현 HomeScreen 화면 윗부분의 달력을 … 더 읽기

VS Code EXPLORER에 숨겨진 임시파일(._)들 안보이게 하는법

vscode-temporary-files

Flutter 개발 연습을 하는 중에 갑자기 VS Code에서 “._”로 시작되는 파일들이 나타났습니다. 아래 스크린샷에서 보이는 “._main_calendar.dat”와 같은 파일들이 그곳입니다. 찾아보니 “VS Code”가 임시 저장 등의 목적으로 관리하는 파일이라고 합니다. 언더바(_)가 붙은 파일(예: _main.dart)이 생성되는 이유는 일반적으로 IDE나 개발 도구에서 자동으로 생성하는 임시 파일 또는 백업 파일이기 때문입니다. 원인 📝 어떻게 보이게 된 것인지 모르겠는데 자꾸 거슬렸습니다. 😭 그래서 해결 … 더 읽기

Flutter APP 만들기 : 일정관리 Step 1st

logo_일정관리_Step_1

달력 위젯 TableCalendar를 사용하여 일정 관리 앱을 만들어 보겠습니다. table_calendar 플러그인 table_calendar 플러그인은 달력을 쉽게 구현할 수 있게 해주는 플러그인이다. 직접 달력을 구현하기에는 너무 많은 시간이 소요될 것이기 때문에 오픈 소스 플러그인을 사용합니다. 특정 날짜 선택하기, 날짜 기간 선택하기, 현재 화면에 보여지는 날짜 지정하기, 일정 입력하기 등 거의 대부분의 기능을 제공해 준다. 그리고 유연한 디자인 … 더 읽기