반응형 개발/Flutter7 Flutter 기초다지기 - Dart 1. 플러터는 다트를 사용하고 있습니다. Dart(다트)는 구글이 멀티플랫폼에서 작동하느 앱을 위해 만든 프로그래밍 언어입니다 Flutter(플러터)는 이 언어를 기반으로 구성되어있기 때문에 플러터 개발을 위해 다트는 필수적으로 공부해야 하는데요, 다행히도 이 언어의 목적 중 하나가 프로그래머들에게 '자연스럽게 다가가는 것'이라서 난이도는 프로그래밍 언어 중에서 쉬운 편이라고 할 수 있습니다. 인터넷만 있다면 언제 어디서나 공부할 수 있는 DartPad VSCode나 안드로이드 스튜디오 같은 개발 툴이 없어도 다트로 코딩해보고 실행할 수 있습니다. 바로 DartPad라는 사이트인데요, 인터넷만 사용할 수 있으면 언제 어디서나, 심지어 스마트폰으로도 다트 언어 공부가 가능합니다. 왼쪽 화면에서 코딩을 하고 파란.. 2023. 11. 22. Flutter 개발환경 구축 번외편 - VSCode 설치하기 Android Studio가 너무 느리다면 VSCode를 추천 비주얼 스튜디오 코드(Visual Studio Code. 이하 VSC)는 마이크로소프트에서 개발한 텍스트 에디터로 통합 개발 환경(IDE)인 안드로이드 스튜디오에 비해 PC 요구스펙이 상당히 낮으면서도 다양한 확장 기능을 통해 IDE 수준으로 기능을 사용할 수 있는 장점이 있어서 많은 개발자들이 VSC를 사용하고 있습니다. 다만, IDE가 아니기 때문에 프로그램을 컴파일 하려면 확장 기능을 통해 컴파일 환경을 직접 구축해야 하는 번거로움이 있기 때문에 Android Studio 사용에 불편함(렉이 걸린다던지)이 없다면 Android Studio를 계속 사용하는 편이 좋을 수도 있습니다. 아래 링크를 통해 다운로드 페이지로 이동한 뒤 윈도우, .. 2023. 11. 22. Flutter 개발환경 구축 - 안드로이드 에뮬레이터 설정 PC에서 모바일 환경을 보기 위한 에뮬레이터 설정 이번 포스팅에서는 안드로이드 에뮬레이터를 설정하는 방법을 작성하겠습니다. 간단하게 말해서 PC에서 안드로이드 환경을 구축하여 앱 개발 상황을 테스트하기 위한 도구로서 만약 스마트폰으로 직접 개발 테스트를 진행하신다면 패스하셔도 됩니다. 에뮬레이터는 안드로이드 스튜디오에서 설치할 수 있습니다. 먼저 첫 화면에서 More Actions를 선택하신 후 'Virtual Device Manager' 를 클릭해 주세요 해당 메뉴를 선택하면 새로운 창이 열릴 텐데요, 여기에서 Create Device 버튼을 눌러주세요. Create Device 버튼을 누르면 기기를 선택하는 목록이 나오는데, 기기는 취향에 맞춰 선택하되, 플레이 스토어 아이콘이 표시된 기기를 선택해 .. 2023. 11. 20. Flutter 개발환경 구축 (feat. SDK) - 2 - 개발공부 기록 안드로이드 스튜디오에 플러터 플러그인 설치. 지난 포스팅에서 안드로이드 스튜디오 설치 및 초기세팅을 완료하였습니다. 이제 안드로이드 스튜디오에 플러터 플러그인을 설치하고, 자바를 설치하고 플러터 SDK를 설치하고 진짜로 플러터 개발환경 구축을 완료하도록 하겠습니다. 초기세팅을 완료하면 이 화면이 뜨게 됩니다. 여기서 좌측 메뉴 위에서 세번째인 'Plugins'를 선택해 주세요. 그리고 플러그인 화면 위쪽에 잘 보시면 돋보기 모양이 있는데 거기에 Flutter를 입력하시면 플러터 플러그인이 나옵니다. Flutter 플러그인을 선택한 뒤 Install 버튼을 눌러서 플러그인을 설치할 때 경고창이 뜨는데, 'Accept'를 누르시면 됩니다. 이때 Dart 플러그인이 설치되지 않았다면 설치할 거냐고 묻는 창이 .. 2023. 11. 15. Flutter 개발환경 구축 (feat. SDK) - 개발공부 기록 다시 처음부터 블로그를 기록하고 얼마 지나지 않아 노트북을 포맷해야 하는 상황이 와버렸습니다. 그래서 어제 기록한 내용들이 싹! 날아간 상태죠. 물론 지난 글을 보면서 다시 진행해도 되지만, 개발환경을 구축하면서 은근히 오류도 자주 발생했던 터라, 조금더 직관적으로 개발환경을 구축해 보기로 했습니다. 그리고 기존 글에서는 스크린샷을 찍지 않고 대부분 글로만 작성했는데, 이번에는 스크린샷을 포함하여 좀 더 상세히 알려드리도록 하겠습니다. 안드로이드 스튜디오 설치. https://developer.android.com/studio?hl=ko Android 스튜디오 및 앱 도구 다운로드 - Android 개발자 | Android Developers Android 스튜디오는 Android 앱에 최적화된 통합 개.. 2023. 11. 10. Flutter 개발환경 구축하기 (feat. fvm) - 2 - 개발공부 기록 지난번에 이어서 개발 환경 구축을 계속 진행해 보겠습니다. 환경변수 설정하기 지난 글에서 중간에 오류가 발생했고, 그 원인이 환경변수에 있다는 걸 알게 되었습니다. 그래서 환경 변수를 진행하도록 하겠습니다. 환경 변수는 지난번에 Windows Powershell을 실행할 때와 마찬가지로 시작버튼을 누른 뒤 한글로 '환경 변수'를 치시면 '시스템 환경 변수 편집' 또는 '계정의 환경 변수 편집'이라는 아이콘이 나옵니다. '시스템 환경 변수'는 해당 컴퓨터 전체에서 사용하는 환경 변수이고 '계정의 환경 변수 편집'은 PC를 여러 사람이 사용해서 사용자 계정을 여러개 사용할 경우 그 중 현재 로그인 중인 한개의 계정에서만 사용할 수 있는 환경 변수입니다. 사실 Windows 10, Windows 11 기준으로.. 2023. 11. 9. Flutter 개발환경 구축하기 (feat. fvm) - 개발공부 기록 Flutter(플러터)는 구글에서 만든 모바일/웹/데스크톱 크로스 플랫폼 GUI SDK 입니다. 하나의 코드로 안드로이드, ios, 윈도우, 리눅스 및 웹브라우저에서 모두 작동되는 앱을 제작할 수 있지만, 대부분은 모바일 어플리케이션을 개발하는데 사용하고 있습니다. 저도 이번에 모바일 앱을 하나 만들어볼까 하고 공부를 시작했는데요, 꾸준히 공부를 지속할 수 있게(하루 30분이라도) 그날그날 공부한 내용을 요약해서 기록하려고 합니다. 오늘은 개발환경 구축을 위해서 아래와 같은 프로그램을 설치할 계획입니다 git chocolatey dart-sdk 환경변수 설정하기 fvm android studio 저는 windows 10 환경에서 개발공부를 진행하고 있으니 macOS등 다른 환경에서 개발을 공부하는 분께는.. 2023. 11. 7. 이전 1 다음 반응형
