곧죽어도 콛잉

지금까지 배운 코드 정리하는 방식이다. 간단하게 큰틀만 적어봤다. 1. 기능이나 공통점을 기준으로 공통 부분으로 나눈다. 예를 들어, 다음 화면을 보면, 파란색 부분은 버튼, 제목, 돋보기 버튼이 있다. 이렇게 하나로 묶어 _TopPart() 혹은 _Header()와 같은 하나의 위젯으로 묶을 수 있다. 초록색 부분은 하나의 리스트에 큰제목 + 내용 + 설명 + 썸네일이 있다. _Body()와 같은 하나의 위젯으로 묶을 수 있다. 보라색 부분은 preview, nextview 버튼이 있다. 이를 _BottomPart() 혹은 _Footer()와 같이 묶을 수 있다. 2. Components와 같은 폴더를 만들어 공통으로 쓰이는 기능 가진 위젯을 모아둔다. 코드를 잘보며 똑같은 방식으로 작동하는 코드를 하..

return Row( children: number .toString() .split('') .map( (e) => Image.asset( 'asset/img/$e.png', width: 50, height: 70, ), ) .toList(), ); 다음 코드를 보자. 정말 많이 쓰이는 패턴이니 외워두면 좋겠다!! (개발자들의 기본 소양 같은 부분..) 우선 number은 int 숫자를 의미하고, 123, 456 등이 들어간다. 우리가 하고 싶은 것은 123을 쪼개서 1, 2, 3을 각각 구해서 해당 숫자에 해당하는 이미지 파일을 출력한다. 우선 들어온 int를 toString으로 String으로 바꾼다. 그리고 split함수를 통해 쪼갠다. 그 쪼갠 각각이 리스트를 이루고 있다. 이를 map을 통해 리..

void main(){ DateTime now = DateTime.now(); print(now); print(now.year); // month, day, hour, minute, second, millisecond도 같은 방식으로 가능. Duration duration = Duration(seconds : 60); print(duration); print(duration.inMinutes); //inDays, inHours, inSeconds, inMilliseconds도 같은 방식으로 가능. DateTime specificDay = DateTime( 2022, 10, 29, ); // 특정 날짜 설정 print(specificDay); final difference = now.difference(s..

우선 Const Constructor를 이해하려면, Stateful Widget의 라이프 사이클을 알아야한다. (추후 자세히 설명 예정) 기본적으로 Stateful Widget에서 State 내부에서 setState를 실행하게 되면, build를 반드시 실행하게 된다. 다음의 코드들은 build 함수 내부에 있는 Widget들이다. const TestWidget(label: 'test1'), // const. buildTime, runTime을 모두 알 수 있을 때 사용 가능 TestWidget(label: 'test2'), ElevatedButton( // const 사용 불가!! onPressed: () { setState(() { }); // 빌드만 새로 실행 }, child: const Text(..