티스토리 뷰
플러터란?
html, css를 기반으로 UI를 작성하는 리액트 네이티브와 달리
다트라는 자체 언어를 사용해 UI부터 로직까지 한 번에 구현할 수 있는,
앱 개발자를 위한 프레임워크이다.
플러터는 총 3개의 영역으로 구성되어 있다.
1. 코드를 작성하는 프레임워크 영역
2. 플랫폼 채널 등을 지원하는 엔진 영역
3. 위젯을 빌드해 주는임베더 영역
맥 + VS Code를 이용해 개발환경을 구축
1) 플러터 설치
macOS install
How to install on macOS.
docs.flutter.dev
이동 > 홈 으로 홈폴더를 열어 flutter 폴더를 옮긴다.
2) 환경변수 설정
command + space > terminal 검색 후 열기
nano .zshrc
나노스크립트로 .zshrc 파일 편집
export PATH="$PATH:`flutter 폴더위치`/flutter/bin"
터미널에 복붙
control + x > y > enter로 저장 후 나오기
경로 제데로 설정했는지 확인
3) flutter doctor
터미널에 flutter doctor를 입력해 설치가 안된 내용확인
4) 안드로이드 스튜디오 설치
Download Android Studio & App Tools - Android Developers
Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.
developer.android.com
안드로이드 실행 후 라이선스 전부 동의하고 다운진행
안드로이드 설치 후 시작화면에서 More Actions > SDK Manager로 들어간다.
번호순대로 진행해서 Android SDK Tools (Obsolete)를 설치해 준다.
커맨드라인도 최신으로 업데이트해준다.
Android toolchain 에러 해결, y > enter 계속 누르면 된다.
4) Xcode 다운
[Mac] Xcode 빠르게 설치하기 (AppStore 다운로드 실패 해결)
Mac에서 Xcode를 설치하는 가장 기본적인 방법은 AppStore를 통해서 다운로드하는 방법이다. 하지만 이 방법은 시간도 엄청 오래 걸리고, 도중에 멈추거나 실패하는 경우가 많다. 가령 아래와 같이 Ap
es1015.tistory.com
이 글 보고 따라서 다운로드
5) CocoaPods 다운
sudo gem install cocoapods
터미널에 입력 후 맥북 개인 패스워드 입력
6) VS Code 연결하기
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
여기 가서 다운로드
확장 프로그램 4개 다운로드
다트 언어에 도움을 주는 확장
플러터 실행, 프로젝트 생성 등의 다양한 기능이 있는 확장
코드 자동정렬 해주는 확장
stful, stless 코드자동완성