wpadmin 
이 전 글(Step 6th)에서 일정을 추가할 수 있는 영역인 ScheduleBottomSheet를 생성했습니다. 이번 스텝에서는 일정 추가를 위해 만들어 놓은 틀인 ScheduleBottomSheet에 입력 컴포넌트 위젯들을 추가해 보도록 하겠습니다. 일정 추가 입력하기 SceduleBottomSheet는 사용자가 새로 추가할 일정을 입력할 수 있는 위젯입니다. 시작 시간, 종료 시간, 일정 내용을 입력할 텍스트 필드 3개와 저장 버튼 하나로 구성하면 되겠습니다. 먼저 커스텀 … 더 읽기
이 전 글(Step 5th)에서 일정을 보여주는 카드 디자인의 위젯을 작성했습니다. 이번 스텝에서는 달력과 일정 카드 위젯 사이에 선택된 날짜를 보여주는 배너 형태의 위젯을 하나 추가해 보도록 하겠습니다. 그리고 FloatingActionButton을 추가하고 터치시 일정을 추가하는 ScheduleBottomSheet가 나타나도록 구현해 보겠습니다. 일정을 추가할 ScheduleBottomSheet와 그것을 호출하는 FloatingActionButton 추가 ScheduleBottomSheet 내부의 입력 위젯들은 다음 글에서 작성하도록 하고 이번 글에서는 우선 … 더 읽기
이 전 글(Step 4th)에서 달력에 날짜 선택시 선택된 날짜에 대한 표시와 콜백함수의 틀을 작성했습니다. 이제 드디어 선택된 날짜의 일정을 보여주는 카드 디자인의 위젯을 작성해 보려고 합니다. 일정을 보여주는 카드 위젯 카드는 좌측에 시간을 보여주는 영역과 우측에 내용을 보여줄 영역으로 구성하겠습니다. 먼저 좌측의 시간을 표현할 영역에 들어갈 시간 위젯부터 시작하겠습니다. lib/component/schedule_card.dart lib/screen/home_screen.dart 실행화면 참고
이 전 글(Step 3rd)에서 달력의 기본 디자인을 커스터마이징 했습니다. 이제부터는 달력에 날짜 선택시 선택된 날짜에 대한 표시와 콜백함수의 틀을 작성해 보도록 하겠습니다. TableCalendar 날짜 선택 TableCalendar 위젯은 날짜가 선택될 때마다 실행되는 콜백 함수를 등록하고 추가적으로 어떤 날짜가 현재 선택된 상태인지 달력에 표시해주어야 합니다. HomeScreen에서 모든 상태를 관리하기 위해 MainCalendar에 코드를 작성해 보겠습니다. lib/component/main_calendar.dart OnDaySelected 타입은 … 더 읽기
이 전(Step 2nd) 글에서 기본 달력을 띄우는데 성공했으니 이번에는 달력을 커스터마이징 해보겠습니다. TableCalendar 커스터마이징 TableCalendar 위젯의 스타일은 크게 두 가지로 나눌 수 있습니다. 화살표와 년도 및 월이 보이는 최상단은 headerStyle 매개변수를 통해 지정할 수 있습니다. 날짜들이 배열돼 있는 아랫부분은 calendarStyle 매개변수를 사용해 지정할 수 있습니다. lib/component/main_calendar.dart 헤더 스타일 설정 titleCentered 매개변수에 true를 입력하면 연, 월을 … 더 읽기
FileSystemException 에러는 파일 인코딩 문제 때문에 발생합니다. 특히 에러 메시지에 나온 ._로 시작하는 파일은 macOS에서 자동으로 생성하는 메타데이터 파일인데, 이 파일이 텍스트 파일이 아니기 때문에 빌드 시스템이 UTF-8로 읽으려다 실패하는 경우입니다. 이 문제는 주로 외장 하드나 특정 파일 시스템을 사용할 때 자주 발생합니다. 원인 분석 🧐 에러 메시지를 자세히 보면, 문제가 되는 파일 경로가 /…/._Pods-Runner.release.xcconfig인 것을 알 수 있습니다. 해결 … 더 읽기
이 전 글에 이어서 UI 개발을 진행해 보도록 하겠습니다. 우선 이번 스텝에서는 기본 달력을 띄워보는 것까지 기록해 보겠습니다. 주색상 선언 앱에서 사용할 주색상들을 선언할 파일을 만듭니다. 파일은 main.dart가 있는 lib 폴더를 기준으로 “lib/const/colors.dart”이라는 경로와 이름으로 만들겠습니다. 주색상은 초록색, 옅은 회색, 어두운 회색 그리고 텍스트 필드 배경색을 선언해 주겠습니다. lib/const/colors.dart 달력 구현 HomeScreen 화면 윗부분의 달력을 … 더 읽기
종로와 을지로는 가성비 식당이 꽤 있다. 그 중 종로 3가역 근처의 ‘항상감자탕’은 감자탕 뿐만아니라 “돼지고기쭈꾸미 두루치기”도 별미이다. 회사 저녁 소모임이 있던 어느 날 “돼지쭈꾸미두루치기 + 감자탕” 세트를 주문했다. 돼지쭈꾸미 두루치기 돼지고기와 쭈꾸미, 김치가 들어간 냄비에 두루치기 양념이 올려져 나왔다. 맛있는 양념이 잘 베어든 돼지고기의 고소하고 매콤한 맛과 쭈꾸미의 쫄깃함이 잘 어울렸다. 감자탕 돼지쭈꾸미 두루치기와 감자탕 … 더 읽기
오랜만에 종로에서 맛있는 맛집을 찾아 기록해 봅니다. 재방문 의사가 200%인 종로 막걸리와 안주 맛집 ‘북촌무궁화’입니다. 광복절 전날 밤 1차도 2차도 아닌 무려 3차까지 오랜만에 가게된 날입니다. 어느 집이 좋을까 하고 잠시 걷다보니 깔끔하고 예쁜 무궁화 그림의 간판이 눈에 들어왔습니다. 종로의 ‘북촌무궁화’는 막걸리와 고추튀김을 좋아하는 제 마음에 딱 좋은 외관을 보였습니다. 북촌무궁화 메뉴 가격대는 적당해 보였습니다. … 더 읽기
Flutter 개발 연습을 하는 중에 갑자기 VS Code에서 “._”로 시작되는 파일들이 나타났습니다. 아래 스크린샷에서 보이는 “._main_calendar.dat”와 같은 파일들이 그곳입니다. 찾아보니 “VS Code”가 임시 저장 등의 목적으로 관리하는 파일이라고 합니다. 언더바(_)가 붙은 파일(예: _main.dart)이 생성되는 이유는 일반적으로 IDE나 개발 도구에서 자동으로 생성하는 임시 파일 또는 백업 파일이기 때문입니다. 원인 📝 어떻게 보이게 된 것인지 모르겠는데 자꾸 거슬렸습니다. 😭 그래서 해결 … 더 읽기