TIL39 프론트엔드 개발자의 TIL #026 보호되어 있는 글 입니다. 2019. 12. 6. 프론트엔드 개발자의 TIL #025 TIL #025 191205 목 오늘 배운 점 1. 굿즈 DB 시험 끝나고 코딩도 좀 하려 했지만 팀플과 수업에 치여 진행하지 못했다. 오늘은 굿즈 DB 작업을 진행했다. 임시로 구글 스프레드 시트에 업로드하였다. 목표치를 초과해서 다양한 테마를 조사했다. 온라인에서 판매하는 굿즈를 찾는 작업이 생각보다 어려웠다. 오프라인 굿즈나 트위터 등에서 한시적으로 판매하는 굿즈가 디자인도 예쁘고 희소성이 있는데, DB에 넣을 수 없어 아쉬웠다. 그래도 몇 작가들을 북마크 해놓았으니, 나중에 앱 오픈하면 데리고 올 수 있었으면! 어쨌든 결론은 온라인에서 판매하는 것 중에서는 양질의 굿즈가 생각보다 많지 않다는 걸 체감했다. 이미지 url을 가져오는 것도 쉽지 않다. 이미지 주소 복사 기능을 막아놓은 곳이 많아서 웹.. 2019. 12. 5. 프론트엔드 개발자의 TIL #024 TIL #024 191204 수 오늘 배운 점 1. 마이스튜디오 화면 구현 Stack을 버리고 Sliver로 갈아탄 후 상단 프로필 정보의 둥근 모서리 구현을 위해 여러 방법을 고민한 끝에 Sliver 안에 자식으로 배경색을 가진 container를 깔고, 그 자식으로 테두리 설정이 된 container를 깔아서 나머지 내용을 감싸도록 하는 방식으로 원하는 디자인대로 구현할 수 있었다. 다만 프로필 사진이 두 경계 사이에 걸쳐있는 애매한 위치에 있는데, 이는 아직 구현하지 못했다. 구현하려면 좀 복잡해질 것 같아서 당분간 보류하기로 했다. 마이스튜디오 하위탭중 디폴트인 홈탭 구현 작업을 시작했다. 고정된 공지사항과 횡행 스크롤이 가능한 게시물 구성 등을 하였고, 테두리가 없는 대신 그림자를 가진 형태의 .. 2019. 12. 4. 프론트엔드 개발자의 TIL #023 TIL #023 191203 화 오늘 배운 점 1. 3단바 Drawer 만들기 Scaffold 안에 Drawer()를 활용하여 만들어준다. 여기서 헤더에 사용자 정보(프로필 사진, 닉네임, 아이디 등)를 출력할 수도 있다. //Scaffold 안에 drawer: Drawer( child: ListView( padding: EdgeInsets.zero, children: [ DrawerHeader( child: Text('Drawer Header'), decoration: BoxDecoration(color: Color(Global.hexColor('#FB4D41'))), ), ListTile( title: Text('Item 1'), onTap: () { Navigator.pop(context); //N.. 2019. 12. 3. 프론트엔드 개발자의 TIL #022 TIL #022 191202 월 오늘 배운 점 1. 마이스튜디오 화면 구현 하위 탭 4개로 구성된 마이스튜디오 화면 구현을 시작했다. 디테일한 UI를 반영해야 해서 간단하게 Column식으로 위젯을 배열할 수 없었다. 대신 Stack을 활용해 화면에 레이어를 여러 개 구성하는 방식으로 구현을 하게 되었다. 레이어로 화면을 구성함에 따라 기존에 활용하던 TabView를 사용하기 어려워진 듯하다. 그래서 우선 상단의 프로필 정보 부분만 구현을 해놓았다. 나머지 부분은 공유하기 등의 몇 가지 기능을 제외하고는 탭 출력만 해결되면 금방 구현할 수 있을 것 같다. 후원 관련 기능은 Buy me a coffee 서비스를 활용하면 어떨까 해서 거기서 제공하는 버튼 이미지를 넣었다. 화면 좀 닦아야겠다.. (눈물) 내.. 2019. 12. 2. 프론트엔드 개발자의 TIL #021 TIL #021 191130 토 오늘 배운 점 1. Generator (생성자 함수) 비동기 데이터 처리를 위한 (거의) 마지막 단계의 공부다. 사실 공부할 내용은 훨씬 많지만 이렇게 간단하게나마 5번에 걸쳐 하나씩 비동기 코딩을 뜯어보는 것도 유익하다고 생각한다! Sync 데이터의 생성자가 Iterable형이라면, Async 데이터의 생성자는 Stream형 반환 type이다. 둘의 가장 큰 차이점은 sync 생성자는 요구에 따라(on demand) 바로바로 값을 산출하기 때문에 Future나 Stream을 기다릴 수 없지만, async은 자기 방식대로 값을 산출할 수 있기 때문에 await 키워드 등을 사용할 수 있다는 것이다. abstract class Iterator { bool moveNext().. 2019. 11. 30. 이전 1 2 3 4 5 6 7 다음
