Flutter 이정도는 쓰지? [LEE'Today]

ieed0205·2020년 3월 22일
0

LEE'Today

목록 보기
8/15

오늘 하루엔 뭐했니?

그냥 적어봐! LEE렇게!


2020.03.21 LEE'Today_회고록

목차

1. Flutter 스마트하게 사용하자!
2. 더코딩파파 - 로그인 페이지 설계
3. 더코딩파파 - 로그인 페이지 뷰

1. Flutter 스마트하게 사용하자!

이번 LEE'Today에서는 코드리뷰는 하지 않지만 Youtube를 보면서 습득한(?) Flutter에 대한 모르는 Tip들을 또! 소개해보려고 한다.

1-1. 함수에 대해서 알고 싶을때? => Ctrl+클릭!

Ctrl을 클릭한 후 메서드나 함수들을 들어가보면 해당 함수,메서드에 대한 정보나 속해있는 프로퍼티들을 확인할 수 있다!

1-2. 주석처리를 빠르게 하고 싶어?

주석(코멘트)에 대해 일일히 지우고 쓰고 안해도 된다!
우리에겐 Ctrl+/ 라는 좋은 커맨드가 있다!

원하는 코드들을 주석으로 묶어줄 수 있고,
사진의 pubspec.yaml에서처럼 주석을 해제 하는 것도 가능하다!
스마트하게 Flutter를 사용하는데 분명 도움이 된다!

주석의 종류는 Dart에선, // , /// , /* */로 이루어져 있다!

2. 더코딩파파 - 로그인 페이지 설계

먼저 해당 링크가 오늘의 선생님이 될 유튜브 '더코딩파파'이다!
로그인 페이지를 Firebase와 연동해, 친절하게 하나하나 알려주신다.
Flutter의 초창기 개발인 Memo memo를 첫걸음이라 생각하면 조금 심화단계이며, 어느정도 Flutter의 흐름을 알고 보는게 얻어가는 것이 더 많을 거라고 생각한다!

오늘의 공부는 해당 로그인페이지이다.
Firebase연동은 다음 LEE'Today에서 사용할 것이고!
당연히 코드는 Github에 올렸지만?
직접 따라해보는 것을 매우매우! 추천한다.

영상을 보시면, 먼저 스케치북에 어떻게 구현할건지 그림으로 그리는 장면을 보실 수 있다!
항상 무언가 개발을 하고 싶을 때 시나리오를 짜듯이 설계하는 부분이 중요하다고 느꼈다.
로그인 페이지 설계를 간단하게 사진으로 나타내보면?

이와 같은 구조로 되어있다!
자세한건 영상의 설명과 함께 꼭 보시길 추천드린다!

3. 더코딩파파 - 로그인 페이지 뷰


위의 설계를 바탕으로 영상이 총 3편이 있는데, 2편까지 수강한 상태이다.
이후 마지막영상에서 Firebase를 어떻게 활용하는지 습득하고 LEE'Today에 작성해보도록 하겠다!

아참! 추가적으로 2020.03.21 LEE'Today에 진행한
복잡한 UI에 이미지 넣기에 성공했다!
URL에 대해 아직 전체적인 이해를 못하는 것 같지만, 유튜브에서 이미지를 넣는 방법을 그대로 따라해보았더니 가능하게 되었다.

짜잔! 이제 로그인 페이지를 완성시켜준 후 위의 UI와 연결을 지어 홈페이지를 꾸며보도록 해봐야 겠다.

기억보단 기록하자! LEE'Today로!

profile
하루를 기억하고 기록하는 개발자 LEE'Today입니다.

2개의 댓글

comment-user-thumbnail
2020년 3월 22일

ㅎㅎ 예쁘네영

1개의 답글