분류 전체보기

[YouTube]코딩셰프 플러터 강좌 16_ Drawer 메뉴 만들기2

16강 강좌에서는 사용자 본인의 프로필( currentAccountPicture)이 아닌 다른 사람의 프로필(otherAccountsPictures)을 추가하는 방법에 대해 배우고, 헤더 부분이 아닌 밑에 부분에서의 ListTile에서 여러 항목들의 아이콘과 text, onTap요소들을 집어넣는 작업들을 배웠다. 1. otherAccountsPictures 이름에서 알 수 있다시피 다른 사람의 프로필은 여러 개일 수 도 있기 때문에 복수 명사에 붙는 s가 붙는다. 앞서 진행했던 code의 UserAccountsDrawerHeader 안에서 otherAccountsPictre을 가지고 온 다음에 사용자 프로필과 마찬가지로 CircleAvatar를 위젯으로 갖고 온 후 CircleAvatar 안에서 사진을 ..

2021.08.03(화)

[Plan] -YouTube 코딩셰프 16 -YouTube 코딩셰프 17 -YouTube 코딩셰프 18 오늘은 3개 만(?) 끝내자

[YouTube]코딩셰프 플러터 강좌 15_Drawer메뉴 만들기 1

15강 강좌에서는 scaffold 속성 안에 존재하는 drawer에 대해 배웠다. 어떤 속성들이 들어있는지 보기 위해서는 command ⌘ 키를 누른 채로 해당 단어를 클릭하면 된다. 1. ListView drawer 안에서 child로 ListView를 넣어주었다. ListView는 뒷 강좌에서 더 설명해주신다 하셨다. Listview는 세로축으로 뭔가(ListTile)를 더 쌓을 수 있는 속성을 가진다고 하셨다. 2. 사진 가져오기 위한 세팅 나는 drawer 바를 열었을 때 나오는 프로필 사진을 jennie 사진으로 설정하였는데 사진을 가지고 오는 방법은 이렇다. 더보기 1. 현재 만들고 있는 폴더 안에 새로운 폴더 (assets) 만들기 2. 가지고 오고 싶은 사진 파일을 드래그해서 1번에서 만든..

[잡지식] Visual Code 에서 Debug console창 여는 법

1. command ⌘ 키 + shift 키 + P 누르기 2. 나온 검색창에 view toggle debug console 이라고 입력 3. 끝

[YouTube]코딩셰프 플러터 강좌 14_ Appbar 메뉴 추가하기

오늘 수업에서 가장 중요했던 세가지는 아마, leading, actions, onPressed 였을 것이다. 따로 정리해주셨긴 했지만 복습차원에서 다시 적어보자면 leading 은 아이콘 버튼이나 간단한 위젯을 Appbar 왼쪽에 위치시킨다. actions 는 복수의 아이콘 버튼등을 Appbar 오른쪽에 위치시킨다. onPressed 는 함수의 형태로 일반 버튼이나 아이콘 버튼을 터치했을 때 일어나는 이벤트를 정의하는 곳이다. Icon과 달리 IconButton은 터치하면 반응이 일어난다. +) 앞의 코드에 적혀있는 onPressed 안에 있는 print('menu button is clicked')는 Debug Console 창에서 실행된다.

2021.08.02(월)

[Plan] -YouTube 코딩셰프 14 -YouTube 코딩셰프 15 -YouTube 코딩셰프 16 -YouTube 코딩셰프 17 -YouTube 코딩셰프 18 -YouTube 코딩셰프 19 -Inflearn 플러터와 장고로 퀴즈 앱