[Flutter] 30. 모두의 블로그 앱 만들기 (8) - 게시글 작성 페이지

김주희's avatar
Jun 10, 2025
[Flutter] 30. 모두의 블로그 앱 만들기 (8) - 게시글 작성 페이지
notion image
 
게시글 쓰면서 바로 유효성 검사 안할거니까 onChanged 필요 없음?
근데 걍 onChanged로
onChanged = 적을때마다 상태에 등록됨
버튼 클릭시 상태에 등록해도 되긴함
notion image
 
 
onChanged - bouncing(글자를 쓰다가 멈추는 순간을 계산하여 그때 서버로 전달하는 아니면 서버 뻗어용)
 
💡
오후에는 버튼 클릭시 상태 관리 되도록 바꿔보기!
 
💡
? 문법 정리하기!!!
?
??
?=
!
 

post_write_fm

notion image
notion image
 

PostWriteForm

notion image
 
notion image
 

FM을 써야 하는 이유

하나의 화면에 필드들과 버튼이 같이 있는데 폼 화면이 복잡해져서 하나의 화면에 만들어지지 않고 많은 컴포넌트들에 흩어져있으면 제일 위에 있는 페이지에서 관리해야된다. 밑의 사진은 하나의 화면(컴포넌트)에 있어서 가능한 방법이다. → 항상 일관성 있게 코드를 짤 수 있다.
notion image
 

글쓰기 함수는 자기만의 vm이 없음 → 누구의 vm에서 함수를 만들어야 할까?

fm은 유효성 검사 & 데이터 받는 것만 하기로 했음 - 일관성을 지켜야됨!! (join,login,logout)
가장 가까운 뷰 모델에서 오기!!(정답은 아니지만 일관성있게) - 리스트에서 왔기 때문에
글쓰기를 하면 리스트의 상태를 바꿔야 한다. → 이거 생각 안하려면 그냥 가장 가까운 뷰모델에서 하면 된다.
 

post_list_vm

watch해야 된다 - 처음 빌드될때만 읽어오고 버튼 클릭 후 못읽어오는 문제
 
notion image
notion image
 
 

post_repository

notion image
 
 

post_list_vm

notion image
 
상태 postlistvm에게 던짐 → 서버에게 던짐 & postlist 상태 변경
 
 
late String title = 절대 null일 일 없어? 지연?
 

정리
form 디자인하고 onChanged 걸어주기
글을 쓰면 게시글목록의
리스트에서 쓰기로 왔으니까 리스트 모델을 건든다
 
통신은 나만 쓰는 앱이면 안해도 됨
리스트의 상태 갱신이 중요!!1
 
 
fm 삭제하고 커스터마이ㅣ징해보기
 
Share article

jay0628