Flutter UI Challenge

노마드코더님의 '플러터로 웹툰 앱 만들기' 강의 중 첫 Flutter Layout 작성

목차

• [소개]
• [기능]
• [기타]
• [사용]

소개

• 여러 다양한 개발을 경험해봤고, 이제 하나의 몰두해서 개발하고 싶은 마음에 Flutter로 시작.
• 모든 플랫폼에서 가동 가능한 점의 매료되어서 시작.
• 노마드코더님의 'Dart'강의를 시작으로 '플루터로 웹툰 앱 만들기' 강의 도중 UI Challenge의 코드를 작성.
• 코드가 전부 같지 않고 중간부터는 UI 작성 및 클래스 작성에 대해 감을 잡아 스스로 만듬.

기능

• StatelessWidget을 이용
• 객체지향에 대한 이해 및 Custom Widget 작성법
• Flutter의 Build, return, widget, class, object, layout 작성 법에 대해 기초적인 부분의 대한 기능

기타

• 자바, 코틀린, C, Python 등 여러 프로젝트 때문에 사용한 언어들 덕에 객체지향에 대해 자세히 알고 있어 강의에 어려운 점이 존재하진 않음.
• Android Native 개발을 1년 정도 했기에 Flutter와 어떤 차이점이 있고, React는 표준웹사이트 구축 경험이 있기에 이와도 차이점이 무엇인지 확인하며 들었음
• 앞선 경험이 있으면 매우 쉽고 재밌게 느껴지는 강의일거라 생각함.

사용

• 준비물 : vscode, xcode, android studio... 기타 등등 mac os에서 Flutter SDK를 homebrew로 설치하면 path 설정을 굳이 하지 않아도 됨
• flutter doctor라는 명령어를 통해 설치 과정을 확인하고 부족한 부분은 채워넣으면 됨! 매우간단함!!
• vscode에서 dart, flutter extension 설치하면 개발 환경은 끝.
• vscode에서 무조건 dart dev tool을 사용해서 개발하면 신세계이며, json setting file에서 몇개의 문장만 수정 및 작성하면 더 편한 개발 가능(강의에 나옴)