2주차 스타트!~

2주차에는 큰론코딩을 진행함(당근마켓 메인페이지)

클론 코딩이란 : 다른 어플리케이션을 복제해서 생성하는걸 의미함

모든 함수의 시작은 main()함수이다 인지하자

위젯은 2가지로 구분된다

1. StatelessWidget : 상태가 변하지 않는 위젯(화면내용 X)
2. StatefulWidget : 상태가 변하는 위젯(화면 내용 O)

• 생성자를 생성
• build 함수는 State 클래스에 있음

3. NavigatorWidget : 페이지 이동

   기본코드 인지

   // 페이지 이동
   Navigator.push(
   context,
   MaterialPageRoute(builder: (context) => SecondPage()), // 다음 페이지
   Navigator.pop(context); // 되돌아가기(앞페이지)

         );

4. home : Homepage() //네임드 파라미터 변수라고함(이름지정 매개변수) > home 변수에 homepage를 넣어라 의미

5. app을 만들때 기본적으로 레이아웃을 구상 이후에
   코딩 진행

6. 컬럼, 로우, 스택 3가지로만 레이아웃은 다 가능함

• 컬럼 : 말그대로 컬럼
• 로우 : 말그대로 로우
• 스택 : 겹치는것.

7. Expanded 위젯 추가 하려면 wrap widh widget 선택
   -> widget 이름을 Expanded로 변경

★8. 위젯들을 분리(body 단위) > 기능을 변경하지 않고 코드를 정리(리펙토링)

• body를 주로 분리
• body 내에서 반복되는 코드를 다시 또 위젯으로 분리

  extract widget

9. ListView Builder

기본
body: ListView.builder(
itemCount: 100, // 전체 아이템 개수, 없으면 무한대 표시
itemBuilder: (context, index) {
// index는 0 ~ 99까지 증가하며 itemCount만큼 호출됩니다.

사용법 : 반복헤야할 위젯

wrap builder 추가
Listview.builder 입력

10. 데이터를 보여주는 껍데기를 View라고 부른다

• View와 데이터를 분리하면 View 재활용이 좋음