FLUTTER
![[Flutter] 첫 번째 토이프로젝트 - 앱개발부터 배포까지 회고](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fvpz72%2Fbtsl3jRzDSa%2FoxKuyNgOGSjjItBrD9lCN1%2Fimg.png)
[Flutter] 첫 번째 토이프로젝트 - 앱개발부터 배포까지 회고
유튜브에 올라온 강의들과 유데미의 강의로 플러터를 공부하면서 기본적이고 핵심적인 내용들을 다 학습하고 나면 간단한 앱을 만들어서 스토어에 게시까지 해보리라 다짐했었다. 그러다가 이번에 어느정도 목표한 부분까지 학습이 끝나게 되어서 토이프로젝트를 진행하게 되었고 스토어에 게시까지 성공하게 되었다. 비록 정말 단순한 앱이지만 플러터 개발의 첫 시작이 되는 이번 토이프로젝트를 기록으로 남기고자 한다. 1. 토이프로젝트의 목표 이번 토이프로젝트로 이루고자 했던 목표는 다음 세 가지였다. 앱 개발부터 배포까지 해보기 이번 토이프로젝트의 가장 큰 목표이다. 우선 간단한 프로젝트로 앱 개발의 전체적인 흐름을 경험함으로써 겪을 수 있는 많은 문제들을 미리 핸들링해보고, 추후에 더욱 복잡한 앱을 만들어 배포하게 될 때 ..
![[Flutter] 어플리케이션 실행 아이콘 변경하기 2 - 플러그인 이용](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcOUt4w%2FbtshqxmmzZe%2F1jREtri6KMNwWFIST6DK9K%2Fimg.png)
[Flutter] 어플리케이션 실행 아이콘 변경하기 2 - 플러그인 이용
[Flutter] 어플리케이션 실행 아이콘 변경하기 플러터로 새로운 프로젝트를 만들고 실행하면 아래와 같은 플러터 아이콘이 기본 어플리케이션 아이콘으로 생성된다. 어플리케이션의 실행 아이콘으로 사용하고자 하는 이미지를 준비하여 다 hyojun.tistory.com 위 글에서 플러그인 없이 앱 실행 아이콘 변경하는 법을 정리하였는데 플러그인을 이용해서 해당 과정을 간단하게 처리하는 방법도 존재한다. flutter_launcher_icons라는 플러그인을 이용하는 것인데 아래의 플러그인 문서를 참고하여 pubspec.yaml 파일에 dependencies를 추가한다. flutter_launcher_icons | Dart Package A package which simplifies the task of up..
![[Flutter] 어플리케이션 실행 아이콘 변경하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlR1t0%2Fbtshih57Ggc%2F8Kp4REkbMis0dBcoeMPL71%2Fimg.png)
[Flutter] 어플리케이션 실행 아이콘 변경하기
플러터로 새로운 프로젝트를 만들고 실행하면 아래와 같은 플러터 아이콘이 기본 어플리케이션 아이콘으로 생성된다. 어플리케이션의 실행 아이콘으로 사용하고자 하는 이미지를 준비하여 다음 사이트로 이동한다. 이 사이트에서는 각 기기 환경에 맞는 어플리케이션 아이콘을 자동으로 생성해준다. https://www.appicon.co/ App Icon Generator www.appicon.co 사이트에 접속하여 왼쪽에 사용하고자 하는 이미지를 드래그 하고 오른쪽에서 생성하고자 하는 기기 종류를 선택하여 Generate 버튼을 클릭한다. 그러면 압축파일을 하나 다운로드하게 되는데 압축을 해제하면 선택한 환경에 맞게 생성된 아이콘 파일들을 확인할 수 있다. 이제 안드로이드와 ios 각각의 앱 아이콘 경로를 찾아 파일을 ..
![[Flutter] flutter windows version 이슈 해결하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkDQRK%2Fbtr9kO3PzCC%2FLVAiv6wYz0u0bNXHtaqZBK%2Fimg.png)
[Flutter] flutter windows version 이슈 해결하기
오랜만에 플러터 공부를 위해 플러터 환경설정을 확인하던 중 flutter doctor 에서 아래와 같이 windows version에서 문제가 발생하였다. 해당 이슈는 명령어 세 줄만으로 간단하게 해결이 가능했다. 1. 플러터가 최신 버전이 아닌 경우 플러터 업그레이드 flutter upgrade 2. 플러터 채널을 master로 변경 flutter channel master 3. 다시 한번 flutter doctor를 실행하여 환경설정을 확인하면 모든 항목이 초록색 체크로 표시되어있는 편안한 화면을 볼 수 있다. flutter doctor -v
![[Flutter] 윈도우 플러터 개발환경 세팅하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fqoz3a%2FbtrLzE4GYTl%2FHSI5xI90xK4Pydgkk8n3SK%2Fimg.png)
[Flutter] 윈도우 플러터 개발환경 세팅하기
목차 1. 플러터 설치 2. 안드로이드 스튜디오 설치 3. 안드로이드 스튜디오 설정 4. Windows 환경변수 설정 5. 플러터 설치 확인 1. Flutter 설치 구글에서 flutter install 검색하여 플러터 다운로드 사이트 접속 혹은 https://docs.flutter.dev/get-started/install 링크 접속 OS 환경에 맞는 플러터 설치 zip 파일 다운로드 다운로드가 완료되면 설치를 원하는 경로에 압축 해제 플러터가 설치된 경로는 추후 Windows 환경변수 설정에 필요하니 기억해 두기 2. 안드로이드 스튜디오 설치 구글에서 안드로이드 스튜디오 설치 검색하여 사이트 접속 안드로이드 스튜디오 다운로드 버튼 클릭 다운로드 받은 파일을 실행하여 설치 진행 Android Virtu..