본문 바로가기

IT/Flutter

IT/Flutter 2024. 4. 1.
[Flutter] 플러터에서 Image network를 사용 할 때 "object progressevent" 에러 처리 ! (주로 Chrome에서 발생 ! ) 안녕하세요 !!! 요즘은 Flutter을 공부중인데요 !! 공부를 하다가 Image.network를 사용를 하고 있던 중에 Image network가 발생해서 에러를 처리 하는 방법에 대해서 설명을 하려고 합니다 !! Image.network란? Image.network는 Flutter에서 외부 서버에 호스팅되어 있는 이미지를 불러와 표시할 때 사용하는 위젯입니다!! 이 위젯을 사용하면 인터넷 상의 URL을 통해 이미지를 앱/웹 내에서 쉽게 표시할 수 있죠!! 사용법은 아주 간단합니다!! Image.network('이미지 URL'); 저런식으로 하면 됩니다 ^^ 밑에처럼 loading중일 때 표시하는 이미지도 가능하며 errorbuilder을 통해서 에러가 발생 했을 때 표시하는 이미지도 있습니다 ! I..
IT/Flutter 2024. 3. 26.
The Flutter Daemon failed to start의 대한 에러 처리 안녕하세요 !! 이번에 flutter을 설정을 다 하고 나서 flutter create를 해주고 나서 vscode에서 dart랑 flutter의 확장프로그램을 다운로드 받고 나면 이런 에러를 본 분들이 계실겁니다 !! 거기다 그냥 flutter을 입력하면 Error: Unable to find git in your PATH 이렇게 뜨는 분들도 있는데요 ;;; 저는 이렇게 해서 해결을 했습니다 !!! 우선 vscode를 관리자 권한으로 켜주시구요 !!! git config --global --add safe.directory '*' 을 입력해주세요 !!!! 그래도 안된다면 !!! 환경변수에서 path에 추가 ! C:\Program Files\Git\bin C:\Program Files\Git\cmd C:\..
IT/Flutter 2024. 3. 25.
Windows에서 Flutter을 설치해보자 !! ( Android 설치) 안녕하세요 !!! 이번에는 저번글(Flutter설치편)에 이어서 Android 설치를 해보려고합니다 !! ** 여기는 정말 이슈가 많은곳입니다 ㅜㅜ 많은 분들이 에러도 많이 뜨고 ;; 저랑 다를 수 있다는 점 ! 알아두세요 !! 혹시라도 안되는 부분이 있으면 말해주세요 ! https://kmkn.tistory.com/3 저번글은 참고해주세요 !!! 우선 공식홈페이지는 https://docs.flutter.dev/get-started/install/windows/mobile#configure-android-development 위에 URL입니다 ! 여기 참고해주셔서 쭉 따라하시면 되는데요 !!! 저는 제가 했던 방식들을 소개하겠습니다 ! 우선 https://developer.android.com/studi..
IT/Flutter 2024. 3. 21.
Flutter에서 유용한 기능 !!! Widget을 원하는 곳에 추가/삭제 ! (feat. Show Code Actions) 안녕하세요 !! 이번에는 flutter을 하면서 Widget을 원하는곳에 추가하거나 삭제를 하는 기능에 대해서 알아보겠습니다 !!! 자 바로 시작합니다 ! 작업을 하다보면 밑에와 같은 전구모양을 보신적이 있으실겁니다 !!!! 한번 눌러볼까요 ?? 이런식으로 여러 기능들이 있습니다 !!! 저기서 Widget를 추가 & 삭제도 할 수 있죠 ^^ 만약 저렇지 않으면 어떻게 해야할까 요?? 예를 들어서 아래와 같은 의 감싸진 코드가 있다고 해봅시다 !! Title 위에 코드에서 p태그를 다시 a태그로 감싸거나 div태그로 감싸고 싶으면 지금까지는 ~~까지 다 복사를 해서 새로 만든 tag에다가 다시 붙여넣는 방법을 했는데요 ;;; 저 위에서 전구표시는 그렇지 않습니다 !! 바로 내가 원하는 Widget을 추가 ..
IT/Flutter 2024. 3. 21.
Flutter에서 유용한 기능 설정 !!! ( 작업하는 곳을 알아보기쉽게 ! ) 안녕하세요 !!! 이번엔 Flutter에서 유용하게 !!! 개발을 훨씬 더 빠르게 !! 더 귀찮지않게 할 수 있는 설정이 있습니다 !! 바로 설명들어갑니다 ^^ 밑에 사진을 봐봅시다 ! 우선 제가 지금 연습삼아 코딩을 하고 있는데요 ;; 저 파란색글씨 .. 정말 짜증나죠 ??? 에러는 아닌데 뭔가 있으니 굉장히 짜증나고 ;;; 저걸 한번에 고칠 수 있는 방법이 있습니다 !! ( 주로 const를 써주라는 말입니다 ;;;; ) 우선 settings.json으로 들어가봅시다 !!! ( ctrl + , 을 눌러주시구 밑에 빨간색곳을 클릭해주시면 바로 나옵니다 ) 자 ! 여기 들어오시면 자신이 vscode에서 설정한 리스트가 나옵니다 !! 여기서 ! "editor.codeActionsOnSave" 안에다가 밑에..

티스토리툴바