Chat-gpt와 함께하는 앱 개발(2) - 개발 환경 셋팅

필자는 개발자이지만, 어플, 웹 개발 등 frontend 개발은 한번도 해본 적 없습니다.

chat-gpt와 함께 취미삼아 어플 개발을 해보는 과정에 대한 기록입니다.

 

1. Flutter 개발 셋팅에 대한 chat-gpt 답변

Flutter는 하나의 코드베이스로 Android, iOS, 웹, 데스크탑 애플리케이션을 개발할 수 있는 강력한 크로스 플랫폼 UI 툴킷입니다. 이 블로그에서는 Windows 환경에서 Flutter 개발을 시작하기 위한 설치 가이드를 제공하겠습니다.

1. Flutter SDK 다운로드 및 설치

1. Flutter SDK 다운로드:
   • Flutter 공식 사이트(chat gpt - 링크 깨짐 https://docs.flutter.dev/get-started/install) 에서 Flutter SDK를 다운로드합니다.
   • 다운로드 받은 ZIP 파일을 원하는 위치에 압축 해제합니다. 예를 들어, C:\flutter에 압축을 해제합니다.
2. 환경 변수 설정:
   • "내 PC" -> "속성" -> "고급 시스템 설정" -> "환경 변수"로 이동합니다.
   • 시스템 변수에서 Path를 선택하고 편집을 클릭합니다.
   • 새로 만들기를 클릭하고 C:\flutter\bin 경로를 추가합니다.
   • 확인을 클릭하여 모든 창을 닫습니다.

2. 개발 도구 설치

1. Visual Studio Code 또는 Android Studio 설치:
   • Visual Studio Code 또는 Android Studio를 설치합니다.
2. Flutter 및 Dart 플러그인 설치:
   • Visual Studio Code: VS Code를 열고 "Extensions" 메뉴에서 Flutter와 Dart 플러그인을 검색하여 설치합니다.
   • Android Studio: Android Studio를 열고 "Plugins" 메뉴에서 Flutter 플러그인을 검색하여 설치합니다.

3. Flutter 설정 확인

1. Flutter 설정 확인:
   • 명령 프롬프트를 열고 flutter doctor 명령어를 실행하여 Flutter 환경이 제대로 설정되었는지 확인합니다.
   • 필요한 추가 설치 항목이 있다면 flutter doctor에서 안내하는 대로 설치를 완료합니다.

4. Visual Studio 설치 (Windows용 데스크톱 개발 시 필요)

1. Visual Studio 설치:
   • Windows용 데스크톱 개발을 위해 Visual Studio를 설치합니다.
   • Visual Studio 다운로드 페이지에서 Visual Studio를 다운로드하고 설치합니다.
   • 설치 시 "Desktop development with C++" 워크로드를 선택합니다.

5. 기본 Flutter 프로젝트 생성 및 실행

1. Flutter 프로젝트 생성:
   • 명령 프롬프트를 열고 flutter create my_project 명령어를 사용하여 새로운 Flutter 프로젝트를 생성합니다.
   • 프로젝트 폴더로 이동합니다: cd my_project.
2. 프로젝트 실행:
   • flutter run 명령어를 사용하여 프로젝트를 실행합니다. 이때, 연결된 디바이스(에뮬레이터 또는 실제 디바이스)에서 앱이 실행됩니다.

참고 자료

• Flutter 공식 문서 - Windows 설치 가이드 (chat gpt - 링크 깨짐 https://docs.flutter.dev/get-started/install)
• Visual Studio Code 다운로드
• Android Studio 다운로드

이 가이드를 통해 Windows에서 Flutter 개발 환경을 성공적으로 설정하고, 다양한 플랫폼에서 동작하는 애플리케이션을 개발해보세요. Flutter의 강력한 기능을 활용하여 효율적이고 아름다운 UI를 구현할 수 있습니다.

 

2. 따라해본 결과 및 후기

Flutter는 별도 설치 과정이 필요 없이 다운로드 받은 후에 압축 풀고 환경 변수만 셋팅해주면 되었고,

Visual Studio Code는 원래 깔려 있어 Flutter extension만 설치해주었다.

추가적으로 코드 작업 후 테스트해보면서 정상적으로 설치 되었는지 확인해볼 예정이다.

 

 

2024.06.30 - [개발 이야기/앱 개발] - Chat-gpt와 함께하는 앱 개발(1) - 개발 언어 정하기