6월 일기

무더운 유월입니다...
스을슬 캡스톤 프로젝트가 마무리 되어 가고, 새로운 프로젝트를 준비할 때입니다... (ㅠ.ㅠ)

⭐ 6월 6일 금요일

1. 캡스톤 프로젝트에서는 백엔드를 맡게 되었지만, 이번 새 경진대회 프로젝트에서는 프론트엔드도 맡아야할 것 같아 플러터 강의를 듣기 시작했다.

2. HTML/CSS/JS 는 그래도 자주 접했어서 ((비교적)) 익숙하다만, 플러터는 처음이라 많이 어색했다. 뿐만 아니라 솔직히 이렇게 가독성 떨어지는 코드를 처음 봤다고 느껴질 정도였다. 그치만... 처음이라 아직 익숙하지 않은 것이라 믿으며... 일단 이런 게 있구나 ~ 정도로만 인강 들으면서 연습하고 있다.

🔗 Flutter로 웹툰 앱 만들기 (NomadCoder)

⭐ 6월 7일 토요일

1. 그래도 계속해서 플러터 강의를 듣다 보니까 조금씩은 익숙해지는 것 같다. 아직은 따라치는 단계이기는 하나, 아직 많이 부족하다. 그래도 재미는 있는 것 같다 !!!

2. Chpater 6에서는 제일 많이 쓰일 법한 내용들을 배웠다. API를 통해 서버로부터 데이터를 받아오고, 해당 데이터를 json으로 파싱한 뒤 필요한 데이터를 추출하는 과정을 배웠다. 특히 FutureBuilder()라는 위젯에 대해 알게 되었다. 서버로부터 전달받은 데이터를 처리하는 비동기 작업 상태에 따라 자동으로 UI를 업데이트하는 위젯이다.

3. 실제 엔드포인트를 통해 데이터를 받아와 출력하는 과정을 배워보았다. 캡스톤 프로젝트를 하며 클라이언트로부터 받아온 정보를 서버에서 처리한 후 다시 콜백하는 과정만 해왔는데, 이번엔 반대로 서버로부터 받아온 정보를 클라이언트에서 처리하는 과정을 배우게 되어 프론트엔드의 구조를 알게 된 것 같아 주고 받는 데이터에 대한 이해도가 높아진 것 같다.

4. ( 강의를 아직 완강하지 못 해서 받아온 데이터를 출력하는 것은 콘솔 창으로만 진행해보았다. )

⭐ 6월 11일 수요일

mywordbook_screen.dart 에서 WordSetButton을 호출하는 위젯에 onWordbookChanged: ... 로 상태 변화 처리가 되었을 때 단어장 목록을 새로 고침하는 함수(_getWordSet())를 호출하도록 하였다.

word_set_button_widget.dart 에서 단어장 환경설정 화면(wordbook_setting_screen.dart)을 호출하는 부분에 필요한 인자(단어장 ID - wordbookId, 현재 제목 - setName)를 전달하고 해당 화면에서 Navigation.pop()을 하면서 데이터를 전달하여 result가 null이 아닐 때에 callback을 처리하도록 하였다.

wordbook_setting_screen.dart에서 Navigator.pop 한 예시 (단어장 삭제 & 단어장 제목 수정 시 사용)