8. 플러터로 프로젝트 이전 (1) - 바텀네비게이션, 검색UI, http통신

2021. 7. 6. 09:48·개인 프로젝트/[2021] 코드악보 공유APP
반응형

프로젝트를 플러터로 이전하기로 마음먹었다.

그 이유는 책을 보면서 안드로이드 네이티브개발을 하는데 많은 어려움을 느꼈기 때문이다.

 

1. intent, context 등 아직은 이해가 되지 않는 모호한 개념들

2. 내가 원하는대로 디자인이 되지 않는 뷰 UI

3. xml파일과 java 파일의 별도 관리의 복잡함

 

특히 2번이 제일 답답했다. 내가 원하는대로 디자인이 되지 않는 부분에서 제일 스트레스를 받았다.

색을 설정해도 색상이 입혀지지 않거나,

안드로이드 스튜디오에서 보는 모습과 실제로 나온 앱이 다르게 나오는 경우도 있었다.

그렇게 '악보 뷰어 페이지'를 만들다가 1학기가 개강하면서 안드로이드 공부도 손을 놓게 되었다.

 

2학년 1학기가 종강하고 집에 있던 flutter 책을 한번 읽어보기로 했다.

그리고 신세계를 만났다.

플러터는 네이티브에 비해 정말 너무너무 쉬웠다.

안드로이드 공부를 조금 해서 그런지도 모르겠지만, 하루만에 플러터 책을 다 읽고 실습도 했다.

(책의 뒷부분 실제 앱 만들어보기는 하지 못했다. 플러터 버전이 올라가면서 책 내용의 코드와 맞지 않게되었다..)

그래서 언젠가 결국 네이티브로 돌아가게 되더라도 지금은 한번 플러터로 완성된 결과물을 만들어보자고 생각했다.

 

0123
현재까지 이전한 작업물

플러터의 Material 디자인 덕분에 기본적으로 깔끔하고 예쁜 디자인을 갖게 되었다.

플러터는 안드로이드의 뷰의 기능을 하는 요소가 '위젯'이다.

그리고 UI 디자인은 별도의 xml 파일대신 전부 dart 언어의 코드로 한다.

 

그럼 시각적인 결과물을 보기 힘들지 않냐고 할 수도 있겠지만,

플러터는 현재 실행중인 앱에 수정한 결과물을 즉시 반영하는 hot reload를 지원하기 때문에

언제든지 ctrl + s 를 눌러 파일을 저장하면 내가 작성한 코드의 결과물을 볼 수 있다.


아직 DB에서 가져온 데이터를 ListView 위젯에 시각적으로 보기좋게 넣지는 못했다.

다음에는 DB데이터를 시각적으로 보기 좋게 가져오고, 검색기능을 추가하고, 새 악보를 추가하는 기능을 넣으면

이전이 완료된다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'개인 프로젝트 > [2021] 코드악보 공유APP' 카테고리의 다른 글

10. 악보 편집 기능 만들기 - 커스텀 탭, wrap 위젯, 커스텀 키보드  (0) 2021.07.13
9. 플러터로 프로젝트 이전 (2) - 플러터(flutter) 와 DB 연결하여 데이터 추가하기&가져오기 (with PHP)  (0) 2021.07.07
7. 악보 검색 / 등록 페이지 제작 (5) - 악보 추가 기능 만들기(1)  (2) 2021.03.18
6. 악보 검색 / 등록 페이지 제작 (4) - 검색기능 구현 & 악보 뷰어 제작  (1) 2021.03.13
5. 악보 검색 / 등록 페이지 제작 (3) - DB연동하여 데이터 추가/조회하기  (0) 2021.03.11
'개인 프로젝트/[2021] 코드악보 공유APP' 카테고리의 다른 글
  • 10. 악보 편집 기능 만들기 - 커스텀 탭, wrap 위젯, 커스텀 키보드
  • 9. 플러터로 프로젝트 이전 (2) - 플러터(flutter) 와 DB 연결하여 데이터 추가하기&가져오기 (with PHP)
  • 7. 악보 검색 / 등록 페이지 제작 (5) - 악보 추가 기능 만들기(1)
  • 6. 악보 검색 / 등록 페이지 제작 (4) - 검색기능 구현 & 악보 뷰어 제작
에버듀
에버듀
개발은 좋은데 뭘로 개발할까
  • 에버듀
    Blog. 에버듀
    에버듀
  • 전체
    오늘
    어제
    • 분류 전체보기 (614)
      • 개인 프로젝트 (43)
        • 토이 프로젝트 (3)
        • [2020] 카카오톡 봇 (9)
        • [2021] 코드악보 공유APP (22)
        • [2022] 유튜브 뮤직 클론코딩 (9)
        • [2025] 한글 SQL 데이터베이스 (0)
      • 팀 프로젝트 (22)
        • [2020] 인공지능 숫자야구 (4)
        • [2022] OSAM 온라인 해커톤 (10)
        • [2024] GDSC 프로젝트 트랙 (6)
        • [2025] 큰소리 웹 페이지 (2)
      • CS (335)
        • 자료구조 (19)
        • 어셈블리 (41)
        • 멀티미디어응용수학 (7)
        • 컴퓨터 구조 (29)
        • 알고리즘 분석 (4)
        • 컴퓨터 네트워크 (38)
        • 프로그래밍언어론 (15)
        • HCI 윈도우즈프로그래밍 (26)
        • 기초데이터베이스 (29)
        • 운영체제 (23)
        • 오토마타 (24)
        • 문제해결기법 (11)
        • 블록체인 (22)
        • 소프트웨어공학 (21)
        • 기계학습심화 (12)
        • 컴퓨터그래픽스와 메타버스 (8)
        • 분산시스템특론 (6)
      • 자기계발 (44)
        • 생각 정리 (22)
        • 대외활동 (11)
        • 동아리 (7)
        • 자격증 (3)
        • 머니 스터디 (1)
      • 알고리즘 (PS) (107)
        • BOJ (101)
        • Programmers (5)
        • 알고리즘 이모저모 (1)
      • WEB(BE) (8)
        • express.js (1)
        • Spring & Spring Boot (7)
      • WEB(FE) (2)
        • html, css, js (1)
        • React.js (1)
      • Tool & Language (6)
        • Edit Plus (1)
        • Git (1)
        • Python3 (2)
        • Java (2)
      • Infra (12)
        • AWS (1)
        • Oracle Cloud (8)
        • Firebase (2)
        • Network (1)
      • Android (18)
        • Java (6)
        • Flutter (12)
      • Window (2)
        • Visual Studio 없이 WPF (1)
        • MFC (1)
      • 독서 (14)
        • Inside Javascript (7)
        • Database Internals (6)
        • 한 글 후기 (1)
  • 링크

    • github
    • website
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
에버듀
8. 플러터로 프로젝트 이전 (1) - 바텀네비게이션, 검색UI, http통신
상단으로

티스토리툴바