5

생애 첫 앱 개발 기록 - Pomodoro 앱 개발 (2)

https://selfdevelopcampus.tistory.com/entry/%EC%83%9D%EC%95%A0-%EC%B2%AB-%EC%95%B1-%EA%B0%9C%EB%B0%9C-%EA%B8%B0%EB%A1%9D-Pomodoro-%EC%95%B1-%EA%B0%9C%EB%B0%9C-1 생애 첫 앱 개발 기록 - Pomodoro 앱 개발 (1) 저번에 했던 기획안에 맞추어 대강 화면을 어떻게 구성할지 손으로 그렸다. 피그마 같은 걸 쓰면 더 기깔나긴 하겠지만 당장 앱 만드는 게 우선이라 피그마를 배워서 쓰기보다는 일단 손으로 그 selfdevelopcampus.tistory.com 저번에 만들었던 홈화면에 이어 설정화면을 개발을 진행하였다. 가장 기본적으로 넣어야 할 기능은 다음과 같았다. - 집중 시간..

앱/Flutter 2023.01.13

생애 첫 앱 개발 기록 - Pomodoro 앱 개발 (1)

저번에 했던 기획안에 맞추어 대강 화면을 어떻게 구성할지 손으로 그렸다. 피그마 같은 걸 쓰면 더 기깔나긴 하겠지만 당장 앱 만드는 게 우선이라 피그마를 배워서 쓰기보다는 일단 손으로 그려서라도 대충 시각적으로 모양을 잡아봤다. 총 화면 구성은 3개로 하기로 했다. - 홈화면 - 설정화면 - 통계화면 먼저 전체 앱을 관통하고 있는 BottomNavigationBar를 기준으로 화면 전환하도록 계획했다. 폴더 구조는 위와 같이 가져갔다. models (class를 구성해서 담을 걸 대비) screens (화면 파일) widgets (위젯 컴포넌트 따로) main 얘가 기준 띄울 화면들은 List로 하드코딩해서 탭하면 index가 바뀜에 따라 화면도 바뀌는 그런 구성을 가져갔다. Appbar에 body 부분..

앱/Flutter 2023.01.10

생애 첫 앱 개발 기록 - Pomodoro 앱 기획

저번주부터 다트와 플러터를 시작해보면서 정말 재밌었다. 안드로이드 에뮬레이터 띄우는 것도 신기하고 구현하는 난이도도 높지 않아 자신감이 뿜뿜 올라왔다. 그래서 실제 앱을 플레이 스토어에 내보고 싶다는 생각이 들었고 실행에 옮기기로 했다. 저번 글에 올라왔던 Pomodoro 앱을 실제로 제품화를 시켜서 출시를 해보려 한다. 1. 먼저 나와 있는 애들은 어떤 특징들을 가지고 있을까? 뽀모도로, 시간 관리 앱을 검색하니 정말 많은 앱이 나왔다. 정말 스크롤을 많이 내려갔는데도 1만 다운로드 이상은 다 되었다. 그만큼 사람들이 여러개를 깔아보기도 하고 수요도 계속 있다는 판단 하에 조사를 했다. 다운로드 50만 회 이상의 앱 3가지를 실제로 다운 받아보고 어떤 기능들이 나와있는지 확인해보았다. - Pomodor..

앱/Flutter 2023.01.08

플러터 - Pomodoro 앱 만들기 (Timer, statefulwidget...)

Pomodoro는 25분 집중하고 5분 쉬고를 반복하는 시간 관리 방법론이다. 즉, 기본적으로 타이머 앱이다. Pomodoro는 기능은 이렇다. 1. 25분이 기본적으로 설정되어있어야함 2. 시작 버튼을 누르면 타이머 시작되면서 시간 줄어듦 3. 25분이 다 지나가면 Pomodoro 횟수 증가 -옵션 - 타이머 일시정지 기능 - 리셋 기능 폴더 구조 main에 ThemeData를 넣어주고 screens 폴더에서 출력될 화면 관리 메인 파일 ThemeData에는 backgroundColor, textTheme, cardColor를 선언해줬다. 각각 색깔만 넣어준 정도 홈스크린 파일 Scaffold 안에 들어있는 파일은 이렇다. 먼저 큰 틀은 Flexible을 활용해 1 : 3 : 1로 화면을 나눈다. 타이..

앱/Flutter 2023.01.06

Dart - Variable 종류 int, var, dynamic, final, late, const

플러터를 배우기 위해 새롭게 배우기 시작한 Dart 플러터는 Dart를 활용한 프레임워크이기에 기본적으로 Dart라는 언어에 대한 지식은 있어야 한다. JS를 계속 썼던 사람은 (ex 나) 아마 Dart라는 언어에 대해서 되게 빡빡하다고 느낄 수 있을 것 같다. 그럼에도 TS랑 비슷한 결이 있다고 하니 배워보면 좋은 언어인 듯. Dart의 타입을 살펴보기 전에 가장 기본적으로 Dart는 main이라는 함수에 넣어주어야 실행된다. 이제 Dart의 다양한 변수들을 보자. 1. int, String 익숙하다. 우리가 아는 int, String 맞다. 이런 식으로 정수형과 문자열의 변수를 선언해줄때 사용한다. 2. var JS를 했던 사람이라면 var에 대해서 모를 수가 없다. 그런데 그 결이 조금 다르다. v..

앱/Dart 2023.01.02
728x90