flutter27 프론트엔드 개발자의 TIL 보호되어 있는 글 입니다. 2020. 1. 2. 프론트엔드 개발자의 TIL #037 TIL #037 191223 월 오늘 배운 점 1. 공유하기 기능을 위해 외부 패키지를 추가하고 플러터 업그레이드를 했더니 compile 에러가 났다. 다운그레이드 후 다시 실행해보니 또 다른 종류의 compile 에러가 뜨고.. 한 단계 더 다운그레이드 해봤다. compile 에러는 내 코드 상의 에러가 아니라는 점에서 나를 힘들게 한다,, 고칠 수 있는 방법이 상당히 제한적인 것 같은 느낌이다. build.gradle의 classpath dependency를 3.5.0에서 3.4.2로 수정해주었다. 이걸 알아내기까지 거의 3시간이 걸렸다.. 그리고 바로 공유하기 기능 구현 성공! 2. 검색 기능 구현을 위한 화면 작업을 시작하였다. 3. SNS 3주차 뉴트로 굿즈를 업로드하였다. 내일 배울 점 1. .. 2019. 12. 23. 프론트엔드 개발자의 TIL #036 TIL #036 191222 일 오늘 배운 점 1. 마이스튜디오 디자인 협업 디자인의 세부적인 부분을 디자이너 친구와 맞춰보았는데, Figma에서 제공하는 픽셀에 따라 크기를 설정하면 화면 크기가 다양한 디바이스에 다 다르게 디스플레이가 될 것을 우려하여 비율로 디자인하는 방법을 제안했다. 프론트에서는 MediaQuery의 size를 활용하여 width와 height에 실수를 곱한 후, 배치 방식을 설정해주면 되는데, 디자인 툴에서는 비율이 어떻게 지원되는지 몰라서 어려웠다. 내가 퇴근한 후 이 부분이 해결이 되었는지 모르겠다.. dp, sp, px의 차이에 대해 다시 생각해보는 계기가 되었다. 픽셀은 가장 지양해야 하는 크기 설정 단위이고, 안드로이드에서는 dp를 사용하는데 이는 해상도에 상관없이 일정.. 2019. 12. 22. 프론트엔드 개발자의 TIL #033 TIL #033 191217 화 오늘 배운 점 1. 그동안 다른 업무들을 하다가 드디어 Flutter에 관한 글을 아주 오랜만에 쓰는 기분이다. Firebase messaging 패키지를 활용한 Notification 기능 구현에 대해 공부해보자. 역시 설정 작업을 해주어야 한다. //installation @pubspec.yaml dependencies: flutter: sdk: flutter firebase_messaging: // android app src build.gradle // update package name from defaultConfig -> applicationId // add google-service apply plugin: 'com.google.gms.google-servi.. 2019. 12. 17. 프론트엔드 개발자의 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. 이전 1 2 3 4 5 다음
