[TIL] Day 54 Moodic 조별과제

현서·2026년 2월 9일

[TIL] Flutter 9기

목록 보기
66/102

무딕(Moodic) 프로젝트 UI 구현 및 API 연동

오늘 조별 과제로 진행 중인 프로젝트 '무딕(Moodic)' 의 핵심적인 UI 페이지들을 구현
외부 API를 연동하여 데이터를 불러오는 작업을 함

🛠 주요 작업 내용

1. iTunes Search API 연동

사용자가 음악 정보를 검색하거나 불러올 수 있도록 iTunes Search API를 프로젝트에 연결
REST API를 호출하여 JSON 데이터를 파싱하고, 필요한 정보(곡 제목, 아티스트, 앨범 아트워크 등)를 추출하는 과정을 익힘
Flutter의 http 패키지를 활용해 비동기 데이터를 처리하는 구조를 설계

2. 홈페이지(Home Page) UI 구현

메인 홈 화면의 레이아웃을 잡음

3. 작성 페이지(Write Page) UI 구현

사용자가 자신의 감정과 음악 기록을 남길 수 있는 글쓰기 페이지를 구현
텍스트 입력 필드와 함께, 검색한 음악 정보를 태그하거나 첨부할 수 있는 기능을 고려하여 디자인

공부 소감

API 데이터를 실제 UI에 뿌려주는 과정이 매끄럽게 진행되어 뿌듯
내일은 실제로 post 등록하는 부분 구현할 예정

0개의 댓글