[Flutter] 플러터(flutter)로 앱을 만들어 보자(1) - 프로젝트 및 git repository생성

블로그를 활성화 시켜볼까 하다가 토이 프로젝트를 만들일이 있어서 그 과정을 적어보려고 합니다. 

vscode, flutter, dart는 이미 설치된 환경입니다.

 

1. Git repository 만들기

Github(https://github.com/)에서 만들자, 아래 화면에서 new 클릭

 

• Repository name : 보통 앱이름으로 설정
• Description : 안써도됨
• Public/Private : 다른 사람들에게도 보여주고 싶으면 Public, 나만보거나 프로젝트 인원들(회사내부인원)들만 보려면 Private
  (초창기만해도 3명이였나 인원제한이 있었는데 이제 그런거 없으니 아무거 나 선택하면된다.)
• Add a README file : 일단 체크해주자, 나중에 repository에 접속하면 사람들이 보게 되는 대문같은거다.
• .gitIgnore : flutter가 없다ㅜ, 일단 Dart를 선택하자(추후 gitignore.org를 이용해서 수정 예정 변경하자)
• Choose a license : 이것도 일단 none지만 나중에 라이브러리를 사용하게 될경우 변경해야 한다. 

 

repository가 완성되었다.

https://github.com/truelightn/toy_project

 

2. Git Clone

vscode를 사용할꺼다. 

시작화면에서 Git 리포지토리 복제...를 선택한다.

혹시나 vscode랑 github랑 연결이 되어 있다면 아래 GitHub에서 복제를 선택해도 되고 아니면

내 GitHub repository에서 code>https>주소 복사 해서 붙여 넣어도 되는데.. 생각해보니 이렇게해도 github로그인 절차를 하거나. ssh키 등록을 하거나 해야하니 위에 'github에서 복제'를 눌러서 연결해서 사용하면 편하다. 

 

무엇을 하든 연결이 되고 clone준비가 되면 아래와 같이 소스를 저장할 폴더를 선택하라고 한다. 

본인은 보통 GitRepository폴더를 만들어서 거기에 소스코드를 다 모아둔다. (폴더명에 오타가 있네.. 하지만 귀찮아서 그대로 사용중)
GitRepository>ToyProject 폴더 생성후 '리포지토리 대상으로 선택' 을 눌러주자

 

그럼 짜잔

.gitignore, README.md 파일이 연결된걸 확인 할 수 있다. 

3. Flutter Project 생성

명령 팔레트?(ctrl+shift+p) 를 누루고 ">" 이거 입력후 flutter을 입력하면 아래와 같이 나옴, new Project선택 다음화면에서 Application 선택, 폴더 선택화면에서 아까 gitclone한 폴더 찾아서 선택 

 

그럼 짜잔 아래와 같이 flutter prject가 생성됩니다!!

 

테스트용 단말을 연결 혹은 시뮬레이터를 실행 후 "실행" > 디버깅 시작!! 누루면 

짜잔! 앱이 실행됩니다. 

 

앞으로 여러가지 기능을 추가해보도록 하겠습니다.