Flutter/VSCode 에서 Flutter 사용6 [Flutter] Flutter 에서 브라우저 열기 'url_launcher' Flutter 프로젝트에서 브라우저를 열기 위해서는 url_launcher라는 패키지를 설치해야 한다링크 : https://pub.dev/packages/url_launcher/install 패키지 설치 사이트에 들어가서 두 개의 방법 중 하나의 방법으로 설치해 주면 된다나는 flutter pub add url_launcher를 vscode 터미널에 복사 붙여 넣기 해서 설치해 주었다url_launcher는 http url 만 실행할 수 있는 게 아니라 sms url, tel url 도 실행 할 수 있다그래서 어떤 종류의 url을 쓸 건지 명시해주어야 한다링크 : https://pub.dev/packages/url_launcher ※ ios와 안드로이드 각각 추가하는 파일과 코드가 다르니 참.. 2024. 8. 26. [Flutter] API 호출 하기 위해 HTTP 패키지 설치, 에러 해결 과정 HTTP를 사용해 API를 호출하기 위해 패키지를 설치하는 과정에서 에러 와의 전쟁이 시작되었다 😱🔥 설치 과정1. Dart/Flutter 공식 패키지 다운 사이트 : https://pub.dev/ 2. 해당 사이트에서 http 검색 https://pub.dev/packages/http/install 이동 3. 사이트에 나와있는 대로 pubspec.yaml 파일 dependencies에 아래의 코드를 추가해 주었다 http: ^1.2.2❌ 설치 과정 중 만난 에러 A dependency may only have one source ☞ pubspec.yaml 파일에서 같은 패키지가 여러 소스에서 정의되었을 때 발생한다Unused import: 'package:http/http.dart'. Try re.. 2024. 8. 14. [Mac 환경] VSCode에서 Flutter 개발 시 Show Code Actions💡사용 💡Show Code ActionsFlutter로 개발을 하다 보면 위젯을 다른 위젯으로 감쌀 수도, 감싸져 있는 위젯을 삭제할 수도 있는데 그때마다 코드를 (잘라내기 + 붙여 넣기) 해야 하는 번거로움을 줄여 주는 게 Show Code Actions이다액션을 할 위젯에 커서를 두고 왼쪽에 보이는 노란 전구(Show Code Actions)를 클릭해 보면 Wrap with 위젯으로 여러 개가 나온다Wrap with Center로 사용할 위젯을 바로 선택할 수도 있고, Wrap with widget을 클릭해서 내가 원하는 걸로 적어줄 수도 있다해당 위젯을 위 아래로 움직이려면 Move widget (up or down)해당 위젯을 삭제하려면 Remove this widget단축키는 노란 전구에 마우스를 .. 2024. 8. 11. [Mac 환경] VSCode에서 Flutter 개발 시 편리성 높여주는 셋팅 2가지 VSCode Extension : Dart, Flutter 추가 해준 상태🔥 const 자동 추가Flutter로 개발하다 보면 코드에 파란 줄이 생기는 경우가 있는데,이건 코드에 const를 붙여 상수로 사용하라고 나타나는 경고이다이때 const를 하나하나 붙이지 않아도 코드 저장 시 자동으로 const를 붙여줄 수 있다 🔥 방법VSCode > command + Shft + P > open user settings(JSON) > settings.json 파일settings.json 파일에서 아래의 코드를 추가/변경해 주면 된다{ "editor.codeActionsOnSave": { "source.fixAll": true },🔥 부모 자식 관계 표시Flutter로 개발하다 보면 코드에 위젯이.. 2024. 8. 9. [Mac 환경] VSCode 에서 Flutter, Widget Inspector 열기 🔥 Widget Inspector 란? Flutter는 모든 것이 위젯이다. 위젯을 하나하나 분석하고 테스트할 수 있도록 도와주는 개발자 도구가 Widget Inspector이다[공식 문서] 📎 https://docs.flutter.dev/tools/devtools/inspectorFlutter 위젯 인스펙터는 Flutter 위젯 트리를 시각화하고 탐색할 수 있는 강력한 도구입니다.Flutter 프레임워크는 위젯을 컨트롤(텍스트, 버튼, 토글 등)부터 레이아웃(중앙 배치, 패딩, 행, 열 등)에 이르기까지 모든 것을 위한 핵심 빌딩 블록으로 사용합니다. 인스펙터는 Flutter 위젯 트리를 시각화하고 탐색하는 데 도움이 되며, 다음과 같은 용도로 사용할 수 있습니다:기존 레이아웃 이해레이아웃 문.. 2024. 8. 9. [Mac 환경] Flutter 처음 시작, VSCode에서 에뮬레이터(Emulator) 실행 VSCode에서 Flutter 프로젝트를 처음 시작 하면서 VSCode에 에뮬레이터를 실행하는 과정을 적어보았다 VSCode에서 Flutter 처음 시작 하기 위해서 설치해야 하는 부분들 요약 ☞ VSCode 설치☞ Flutter SDK 설치☞ Xcode 설치☞ Android Studio 설치Flutter SDK와 VSCode는 설치되어 있어서 Xcode 와 Android Studio 만 추가로 설치해 주었다 🔥 Xcode 설치 과정 1. 맥북 App Store에서 Xcode 검색 후 설치2. 설치 후 터미널을 열고 https://docs.flutter.dev/get-started/install/macos/mobile-ios#install-and-configure-xcode 사이트에 있는 4.. 2024. 8. 7. 이전 1 다음 728x90