자기계발 캠퍼스

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

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