Flutter App개발 - 화면만들기 part.1- HomePage 만들기

오늘은 화면만들기 첫시간으로 당근마켓의 메인 피드 화면을 만들며 위젯 사용법을 익혀보도록 하겠습니다. 완성화면은 이렇습니다!!

^^ HomePage 만들기 시작 페이지인 HomePage 위젯을 만들어 보겠습니다. main.dart 파일 19번째 라인에 st라고 입력한 뒤, 자동 완성으로 추천되는 Flutter Stateless Widget 을 선택해주세요. statelessWidget이라고 입력하면 자동완성이 안보이니 꼭 st까지만 입력하고 자동완성을 눌러주세요.

자동완성이 사라진 경우 아래 단축키를 눌러 띄울 수 있습니다. window : Ctrl + Space / macOS : option + ESC 또는 fn + Ctrl + Space 2. 그러면 아래와 같이 StatelessWidget 클래스가 완성됩니다. 3.

HomePage라고 이름을 적어주세요. 그러면 클래스의 이름과 생성자(constructor)에 아래와 같이 작성이 됩니다. 4.

아래 코드를 복사해서 24번째 ...