재밌는 Coding

1. 시험환경

    ˙ 윈도우

    ˙ Flutter SDK

    ˙ Android Studio

2. 목적

    ˙ 윈도우 운영체제에서 Flutter(플러터) 초기 개발환경을 설정한다.

3. 적용

    ① Flutter(플러터) SDK 다운로드 사이트에 접속한다.

        - URL : https://docs.flutter.dev/get-started/install

    ② 설치할 운영체제 해당하는 SDK를 다운로드 받아서 압축을 해제한다.

        - 여기서는 Windows 운영체제에 설치할 것이다.

    ③ Android Studio를 설치한다.

        - 참고 : https://languagestory.tistory.com/174

    ④ Android Studio Plugin에서 flutter를 검색하여 Flutter Plugin을 설치한다.

    ⑤ SDK Manager → SDK Tools → Android SDK Command-line Tools (latest)를 설치한다.

    ⑥ Android Studio에 "New Flutter Project" 버튼이 생성된 것을 확인할 수 있다.

    ⑦ 윈도우 검색 → 시스템 환경 변수 편집 → 환경변수 Path → ②번 과정에서 수행한 압축해제 bin 폴더를 지정한다.

        - 압축 해제한 Flutter의 bin 디렉토리 : D:\util\flutter_windows_3.16.2-stable\bin

    ⑧ Android Studio를 실행하여 Flutter 신규 프로젝트를 생성한다.

    ⑨ 최초 실행시 ②번 과정에서 수행한 Flutter 압축해제 경로를 Flutter SDK Path로 설정한다.

    ⑩ 프로젝트 설정 정보를 입력하고 "Create" 버튼을 클릭하여 신규 프로젝트를 생성한다.

    ⑪ lib/main.dart 파일에서 프로젝트 개발을 시작한다.

4. 결과

    ˙ 브라우저를 선택하고 프로젝트 Run 버튼을 실행한다.

    ˙ 프로젝트 실행화면을 확인한다.

1. 시험환경

    ˙ Android Studio

    ˙ AVD(Android Virtual Device, 안드로이드 가상 디바이스)

2. 목적

    ˙ Android Studio에서 제공하는 AVD를 최초 실행 및 동작하는 방법을 학습한다.

3. 적용

    ① Android Studio → More Actions → Virtual Device Manager를 클릭한다.

    ② Default Device가 생성되어 있지만, 신규 디바이스를 만들기 위해 "Create device" 버튼을 클릭한다.

    ③ 가상 Device를 선택한다.

    ④ 가상 Device에 설치할 Android OS 이미지를 선택한다.

        - 기존에 다운받은 이미지가 아닌 경우, "Next" 버튼이 비활성화되어 있고 다운로드 아이콘을 클릭해야 한다.

    ⑤ 이미지 다운로드가 완료되면 "Next" 버튼이 활성화된다.

    ⑥ 디바이스 설정 후 "Finish" 버튼을 클릭한다.

4. 결과

    ˙ PC 환경에서 개발한 앱을 테스트할 수 있는 가상 디바이스 장치가 생성되었다.

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

1. 시험환경

- Android Studio v4.2

2. 목적

- Android Studio에서 신규 프로젝트를 생성한다.

- Android Studio 기본 조작법을 학습한다.

3. 적용

① Android Studio 설치 후 프로그램을 실행한다.

    - Create New Poject 메뉴를 클릭한다.

② 템플릿 중 하나를 선택한다.

    - Empty Activity를 선택하였다.

③ 프로젝트 이름을 입력한다.

    - 첫글자는 대문자를 입력한다.

4. 결과

① MainActivity.java는 프로젝트 코드의 시작점이다.

② activity_main.xml은 App의 디자인을 구현한다.

    - Design : Layout view에 Design만 표시

    - BluePrint : Layout view에 Blueprint만 표시

    - Design and BluePrint : Layout view에 Design과 Blueprint 함께 표시

    - Code : 코드 창만 표시

    - Split : 코드와 디자인 창 함께 표시

    - Design : 디자인 창만 표시

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.