Programming

플러터 강좌에서 사용하고 있던 라이브러리?플러그인?은 "import 'package:flutter/material.dart';"로 모든것을 수행하고 있었는데. 강의를 듣다보니, "토스트"기능을 이용하고자 하면, "pubspec.yaml"파일에 "fluttertoast: ^3.1.3"를 작성하여 사용하겠다고 알려줘야한다하여 따라쳤으나, "The plugin `fluttertoast` uses a deprecated version of the Android embedding."와같은 에러가 발생했다.. 에러를 보면 당황스러움에 구글을 검색하니, 생각보다 별거 아니었다. toast 버전을 올리면된다라고 한다 ^^.... 해당 플러그인의 사이트를 접속하여 (https://pub.dev/packages/flutt..

바보같은 포스팅인 것 같지만, (검색해서 이 포스팅을 들어왔다면 바보라는것이 아니다,, 답답한 걸 못 참는것) 플러터 공부하다가 특정이미지에 대해서 넣을때 마다 계속 해당 경로를 끝까지 쓰길래, 실제 개발할때 이미지가 한두개가 아닐텐데, "이때마다 그 모든 이미지 경로를 쓰지는 않지 않을까라"라는 의문으로 작성하기 시작함.. Flutter에 자원(Image/Assets)을 추가하는 법 파일을 추가 할 플러터 프로젝트를 열게 된다면, 최상단에 "pubspec.yaml"파일을 확인 할 수 있다. 해당 파일을 열게 되면 "flutter > assets"순으로 확인 할 수 있다. 파일 상단에 위치하지 않으니 "assets"을 검색하거나, 최하단으로 이동하면 볼 수 있다. 파일을 처음 열게 된다면 위와같이 "as..

에디터를 작성하다 보면 참지 못하는 것들이 있다.. 코드를 입력하고 실행을 정상적으로 동작하나, 밑줄이 보인다라면 거슬리기 시작하는데. "Prefer const with constant constructors."의 메시지가 계속 뜬다.. 이걸 없애고자 Add 'const'를 누르게 된다라면,,, 새로운 위젯을 추가할 때 리로드가 안 되는 것을 확인했는데.. 그렇다고 이것을 내버려둘 수는 없고,,, const를 넣지 않더라도 밑줄을 없애는 법을 알아보자. 해결방법 1 파일 상단에 주석을 추가해준다. (// ignore_for_file: prefer_const_constructors) // ignore_for_file: prefer_const_constructors 이렇게 작성해두면, 노란색 밑줄이 사라짐을..

에러가 나올 때마다 정리해두기.. IntelliJ SocketException: Failed to create server socket~~ device를 chrome로 선택 후 main.dart를 실행했을 때 나오는 에러이다. 해결법은 아래의 명령어를 해당 프로젝트 경로로 이동하여 실행시키면 된다. flutter run -d chrome --web-hostname=127.0.0.1 --web-port=8080 플러터를 실행시킬건데, 장치는 "chrome"으로, 호스트는 "127.0.0.1"로 포트는 "8080"으로 열어달라는 의미가 된다. 여기서 포트는 생략하여도 무방하며, 생략 시 자동적으로 포트번호를 할당해준다. 호스트는 "127.0.0.1"로 하여야 원활하게 잘 띄워지는 것 같다. (ipconfig..

플러터에서의 위젯이 무엇이길래, 대표 홈페이지에 접속했을 때 "Building your first Flutter widget"으로 보일 수 있을까? 일반적으로 표현을 Application으로 하지않을까?라는 의문이 들기 시작했으며, 플러터 관련 콘텐츠를 보면 나오는 "위젯"이라는 단어가 무엇인지 정리하는 포스팅으로 정의한다. 위젯(Widget)이란? 나에게 있어서 위젯이란 단어는 모바일 어플리케이션에서 홈 화면에 띄워둘 수 있는 무언가로 인식하고 있었다. 플러터에 있어서도 위젯이 그런것인가로 생각했으나, 그것과 다르게 플러터는 모든게 위젯이다. 대체 이말이 무엇이냐 하면 - 화면에 표시되는 UI를 위젯이란 개념을 사용하여 나타낸다. (이미지, 텍스트, 버튼 등) - 눈에보이지 않는 요소 레이아웃과 같은 ..

Flutter SDK가 설치되었다는 기준으로 글을 작성합니다. 만약 Flutter SDK가 설치되지 않았다라면, 아래의 글의 3단계를 통해 설치를 진행합니다. 2022.09.27 - [Programming/Flutter] - IntelliJ에서 플러터 환경 설정하기 Flutter Doctor Flutter는 설치 이후 환경이 제대로 구성되었는지 확인 할 수 있는 "doctor"명령어가 있다. flutter doctor 명령어를 입력하면, 문제가 되고 있는 것에 대해서 알려준다. 하나씩 적힌것에 대한 문제점을 해결 해보자. cmdline-tools - Android Studio 안드로이드 스튜디오를 열어 설정 메뉴(Ctrl + Shift + S)의 "Appearance & Behavior > System ..