[Flutter] 17. 모두의 마켓 앱 만들기 (2) - 홈 페이지

김주희

Jun 08, 2025

Contents

AppBar 만들기

화면마다 AppBar는 다르기 때문에 위젯으로 추출하는게 아니고 페이지마다 메서드로 추출해서 사용

bottom의 영역의 크기부터 잡는다 공백이 필요한 만큼만 잡아

두께는 동일하게 맞추고 height는 필요X

divider는 두께로 주는 것

body 만들기

seperated → 순수한 lisView로 몬만들ㅇ서 어쩌구 ~ 3:08:00

flutter 웹으로 빌드 - js로 변경 → js의 fetch요청과 같다. → CORS 에러

money format

extension 이라는 방법도 있음

String 내부에 함수를 만들어내는 기술

선생님이 자주 쓰는 방법

문제 발생 >.<

Row는 inline이고 이미지에 의해 높이 정해짐

Container의 특징 사이즈를 안잡으면 부모의 끝까지 크기를 잡음

방법 여러가지

Column에 SizedBox를 heigt 115 잡아주기

return Row를 Container로 wrap하고 height를 115로 잡으면 이미지의 높이를 잡을 필요도 없고 높이 고정됨

💡

다음에 row를 만들때 화면이 꽉차야되면 container로 감싸서 해야겠구나~!

Container 위젯으로 추출하기

여백주기

이미지 모서리 깎기

댓글-하트 사이 여백 주기

상세페이지 이동

들어갈때 이동해야하기 때문에 라우터 사용 불가능

new해서 만들어둔 객체 사용 불가능

ListItem 전체나, 클릭하면 이동하도록 하고 싶은걸 InkWell로 wrap하면 된다.

순수하게 디자인을 만들기 위해 바깥으로

항상 고정된 화면이 아니므로 ~

그리고 뒤로가기 버튼 지알아서 만들어짐 pop

See more posts

[Flutter] 17. 모두의 마켓 앱 만들기 (2) - 홈 페이지

AppBar 만들기

body 만들기

money format

문제 발생 >.<

Container 위젯으로 추출하기

여백주기

이미지 모서리 깎기

댓글-하트 사이 여백 주기

상세페이지 이동

More articles

[Flutter] 19. 모두의 마켓 앱 만들기 (4) - 채팅 페이지

[Flutter] 18. 모두의 마켓 앱 만들기 (3) - 나의 당근 페이지

[Flutter] 16. 모두의 마켓 앱 만들기 (1) - BottomNavigationBar 및 화면 전환 상태 관리 (구조)

[Flutter] 15. 모두의 숙소 웹 만들기