728x90 반응형 [Flutter]. 13. Flutter tutorial on codelab(8) 앞에서 NavigationRail의 선택에 따라 어떻게 적절한 위젯이 보여지는지 살펴봤습니다. [Flutter]. 12. Flutter tutorial on codelab(7) (tistory.com) [Flutter]. 12. Flutter tutorial on codelab(7) 예상치 못한 업그레이드가 있기 전까지는 NavigationRail을 추가하여 버튼에 대한 처리를 하였습니다. 또한, Stateless를 Stateful로 Refactoring하는 것도 해보았구요. https://learn-and-give.tistory.com/52 [Flutter]. 1 learn-and-give.tistory.com 이번에는 Favorites를 누르면 보여질 위젯 클래스를 만들어 보겠습니다. Tutorial.. 2023. 2. 1. [Flutter]. 12. Flutter tutorial on codelab(7) 예상치 못한 업그레이드가 있기 전까지는 NavigationRail을 추가하여 버튼에 대한 처리를 하였습니다. 또한, Stateless를 Stateful로 Refactoring하는 것도 해보았구요. https://learn-and-give.tistory.com/52 [Flutter]. 10. Flutter tutorial on codelab(6) 지난 번에 Like 버튼을 추가하였습니다. 물론, Like 표시 된 단어들을 보는 기능은 아직 만들지 않았지만, 의도 된 디자인에 맞게 코드를 수정하는 경험을 통해, 주어진 디자인을 바탕으로 어떻게 learn-and-give.tistory.com 이제 버튼이 눌려지면 이에 따라 오른쪽 영역에 적절한 뷰가 표시되는 처리를 할 것입니다. 버튼 선택에 따른 분기 아래 .. 2023. 1. 30. [Flutter]. 10. Flutter tutorial on codelab(6) 지난 번에 Like 버튼을 추가하였습니다. 물론, Like 표시 된 단어들을 보는 기능은 아직 만들지 않았지만, 의도 된 디자인에 맞게 코드를 수정하는 경험을 통해, 주어진 디자인을 바탕으로 어떻게 코드를 작성/수정하면 좋을지 한번 시도 해 볼 수 있는 좋은 경험이 되는 것 같습니다. https://learn-and-give.tistory.com/48 [Flutter]. 09. Flutter tutorial on codelab(5) 앞에서 화면을 꾸미는 내용을 좀 다뤄봤습니다. https://learn-and-give.tistory.com/47 [Flutter]. 07. Flutter tutorial on codelab(4) 앞에서 UI를 재정의 하는 코드를 삽입하는 방법과 Refactoring 명령으로.. 2023. 1. 28. [Flutter]. 09. Flutter tutorial on codelab(5) 앞에서 화면을 꾸미는 내용을 좀 다뤄봤습니다. https://learn-and-give.tistory.com/47 [Flutter]. 07. Flutter tutorial on codelab(4) 앞에서 UI를 재정의 하는 코드를 삽입하는 방법과 Refactoring 명령으로 Wrapping 하는 방법 등을 살펴보았습니다. https://learn-and-give.tistory.com/46 [Flutter]. 06. Flutter tutorial on codelab(3) 앞에서 앱의 가장 기 learn-and-give.tistory.com 이번에는 추천 된 wordpair를 기억 할 수 있도록, 마음에 드는 단어쌍에 Like라는 표시를 하는 기능입니다. 우선 화면 기획서는 아래와 같다고 하겠습니다. 기능.. 2023. 1. 24. [Flutter]. 08. Flutter tutorial on codelab(4) 앞에서 UI를 재정의 하는 코드를 삽입하는 방법과 Refactoring 명령으로 Wrapping 하는 방법 등을 살펴보았습니다. https://learn-and-give.tistory.com/46 [Flutter]. 06. Flutter tutorial on codelab(3) 앞에서 앱의 가장 기본적인 구조, 즉, 화면과 로직을 구현하는 클래스를 정의하고 상호간 연동하는 부분을 구현하였습니다. https://learn-and-give.tistory.com/44 [Flutter]. 05. Flutter tutorial on codelab(2) 지난 learn-and-give.tistory.com 이제 남은 꾸미기를 마저 진행 해 보겠습니다. TextTheme Text에도 테마를 적용 할 수가 있군요. 먼.. 2023. 1. 24. [Flutter]. 07. Flutter tutorial on codelab(3) 앞에서 앱의 가장 기본적인 구조, 즉, 화면과 로직을 구현하는 클래스를 정의하고 상호간 연동하는 부분을 구현하였습니다. https://learn-and-give.tistory.com/44 [Flutter]. 05. Flutter tutorial on codelab(2) 지난 번에 버튼을 누르면 새로운 단어 쌍이 보여지는 샘플 앱을 만들었습니다. https://learn-and-give.tistory.com/40 [Flutter]. 04. Flutter tutorial on codelab(1) Flutter Learn에 소개 된 다음 내용은 codelab이라는 곳 learn-and-give.tistory.com 이번에는 외형을 기획 된 디자인에 맞게 수정을 해 보는 순서 입니다. https://codela.. 2023. 1. 23. [Flutter]. 06. Flutter tutorial on codelab(2) 지난 번에 버튼을 누르면 새로운 단어 쌍이 보여지는 샘플 앱을 만들었습니다. https://learn-and-give.tistory.com/40 [Flutter]. 04. Flutter tutorial on codelab(1) Flutter Learn에 소개 된 다음 내용은 codelab이라는 곳에서 진행되는 튜토리얼입니다. https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#0 Your first Flutter app | Google Codelabs In this codelab, you’ll lea learn-and-give.tistory.com 마지막에 추가 된 코드들이 어떤 역할을 하는지 정확히 파악되지 않은 상태인.. 2023. 1. 22. [Flutter]. 05. Flutter tutorial on codelab(1) Flutter Learn에 소개 된 다음 내용은 codelab이라는 곳에서 진행되는 튜토리얼입니다. https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#0 Your first Flutter app | Google Codelabs In this codelab, you’ll learn how to build a Flutter app that generates random, cool-sounding names. codelabs.developers.google.com 이 tutorial에서 만드는 앱은 일종의 이름을 지어주는 앱입니다. 이 과정에서 flutter의 중요한 내용들을 살펴보게 됩니다. 템플릿으로 제공 되었던 샘플 프.. 2023. 1. 16. [Flutter]. 04. 기본 템플릿 프로젝트 실행하기(Android Studio) 지난 번에는 Visual Studio Code로 Flutter 템플릿 프로젝트를 해보았습니다. https://learn-and-give.tistory.com/37 [Flutter]. 03. 기본 템플릿 프로젝트 실행하기 개발에 사용 할 에디터까지 준비 완료! [Flutter]. 02. 에디터 준비 (tistory.com) [Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https:/ learn-and-give.tistory.com 오늘은 Android Studio에서 해봅시다. New Flutter Project Android Studio를 구동하면 (작업 중이던 프로젝트가 없다면), 아래와 같이 프로젝트 생.. 2023. 1. 14. [Flutter]. 03. 기본 템플릿 프로젝트 실행하기(VS Code) 개발에 사용 할 에디터까지 준비 완료! [Flutter]. 02. 에디터 준비 (tistory.com) [Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https://learn-and-give.tistory.com/33 [Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 learn-and-give.tistory.com Hello, World! 이제 프로그래밍 하면, 한번 해줘야 되는, 반가운 Hello, World 한번 해봐야죠.^^ 먼저, VS Code로 해보겠습니다. 매뉴에서 View > Command Palette 를 누르거나 단축키 (Cont.. 2023. 1. 13. [Flutter]. 02. 에디터 준비 앞에서 Flutter를 설치하고, 개발 중 테스트 해 보기 위한 Android 관련 설정까지 마쳤습니다. https://learn-and-give.tistory.com/33 [Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 체크 내용을 다 완수하였습니다. [Flutter]. 00. Flutter 리뷰 (tistory.com) [Flutter]. 00. Flutter 리뷰 나이를 먹어가면서 예전처럼 새로운 것이 나오면 막 learn-and-give.tistory.com 그 아래 부분에 Visual Studio에 대한 설정이나 Web 설정도 조금 있었는데, 뭐 너무 완벽하게 다 하려고 하지 말고 필요할 때 찾아보는 걸로 하고 넘어가겠습니다. 다음.. 2023. 1. 11. [Flutter]. 01. Android 설정 지난 시간에 기본적인 설정은 하였고, flutter doctor의 체크 내용을 다 완수하였습니다. [Flutter]. 00. Flutter 리뷰 (tistory.com) [Flutter]. 00. Flutter 리뷰 나이를 먹어가면서 예전처럼 새로운 것이 나오면 막 살펴 볼 생각이 별로 들지 않네요. 체력이 떨어지기 때문에 만사 귀찮아지기 때문인 것도 같고... Flutter가 뭔지 모르겠는데, 유튜브에 종종 learn-and-give.tistory.com 이제 android 관련 된 내용을 살펴볼텐데, 미리 좀 살펴보니 지난 번에 한 내용들이 대부분이네요. Android Studio 설치 Android Device 관련 준비 Android Emulator 준비 라이센스 동의 이 중, 1번은 앞에서 쉽게.. 2023. 1. 10. 이전 1 2 다음 728x90 반응형
