[Flutter] 새로운 플러터 프로젝트 만들고 깃 연동하기

플러터에 대한 기본개념을 하루정도 공부했다. 

바로 무엇인가를 만들어보고 싶어서 투두리스트로 결정하고 유튜브 강의를 따라 만들어보기로 했다. 

 

참고로 나는 안드로이드 스튜디오를 이용했는데, vs code를 이용해도 상관없다고 한다. 

---

 

1. new flutter project를 만든다.

이때 프로젝트의 경로를 설정해주어야하는데, 무조건 단독폴더를 만들어줘야 깃 관리가 편하다!!!!!! 

나는 C 폴더에 flutter_todolist_app이라는 빈 폴더를 만들어준 뒤에, 이 위치로 프로젝트를 생성했다. 

프로젝트 이름은 원하는 것으로 설정하고 

프로젝트 위치는 아까 위에서 만들어준 새로운 폴더로 지정해준다.

 

2. 상단의 프로젝트를 눌러서 플러터 프로젝트 사이드바를 띄운다.

필수는 아니지만 혹시 몰라서 써둔다.

앞으로 main.dart 파일에서 대부분의 작업을 진행할 것인데, 이게 밑에서처럼 Android 로 열려있으면 리스트창에는 main.dart 파일이 없어서 어디있는지 찾느라 고생한다...

project를 클릭해주면 이렇게 flutter 형식의 프로젝트 리스트창이 나온다. 요게 기본구조이다. 

 

3. 깃 연동

내가 가장 무서워하는.. 파트이지만 여러 번 시도해본 결과 성공했다!!!

혹시나 나처럼 한 폴더안에 여러 프로젝트(새로 만든 플러터 프로젝트도 포함)를 넣어두고 깃 연동을 하시게 되면 모든 프로젝트가 깃으로 커밋된다.... 

**

이거 때문에 위 과정을 전부 다시 했는데 이것도 따로 남겨놨으니 만약 3번 파트 깃 연동까지 했는데, 내가 만든 플러터 플젝 이외의 다른 이상한 애들이 깃에 들어가 있어요! 이러면 보고 오시는 것을 추천한다!!

[GitHub] 프로젝트 이외의 코드들이 커밋되어 있다면 (tistory.com)

[GitHub] 프로젝트 이외의 코드들이 커밋되어 있다면

옛날에 비주얼스튜디오를 쓸 때부터 깃 연동에서 항상 오류가 났던지라,,,

나에게 깃은 트라우마가 있을정도로 굉장히 겁이 나지만 깃 관리는 매우매우 중요하므로 계속해서 도전해주어야 한다,,,,,

구글링도 해보고 샘플 프로젝트와 깃을 만들어서 연동 연습을 해보면 될 때가 있다.

그때 어떻게 했는지를 기록해두고 꾸준히 만들다보면 점점 익숙해지니 다들 파이팅!!!

 

깃 버전 확인하기

1-1) file>settings 클릭

 

1-2) version control>git 클릭

맨 위의 path to git executable 이 있는데 옆의 Test 버튼을 클릭하면 깃버전을 확인할 수 있다. 

나는 현재 2.39.2로 뜬다. 

 

1-3) 깃계정 확인

version control> github 클릭

나의 깃계정으로 로그인되어 있는지 확인한다. 

(만약 이 부분이 안 떠있다면 구글링해서 아래처럼 본인 계정이 나오도록 만들어주심 된다. 굉장히 많은 블로거분들이 상세히 설명하고 있으니 참고하셔서 하면 된다.) 

 

깃 레파지토리 생성하고 연결하기

2-1) 깃 레포지토리를 생성한다.

git>github>share project on github를 클릭한다. 

 

그러면 다음과 같은 창이 뜬다. 레파지토리 이름을 설정하고 바로 share 버튼을 누른다. 

**

이때 description에 설명을 쓰고 생성했더니 오류가 났다. 

구글링을 해보니 우선은 저 칸은 비우고 생성하라고 해서 아무것도 쓰지 않고 share버튼을 클릭했더니 정상적으로 만들어졌다.

(이유는 아래 블로그를 참조했다.  

failed to create github repository android studio 에러 (tistory.com)

failed to create github repository android studio 에러

 

잘 만들어졌다면 오른쪽 하단에 이렇게 조그만 창이 뜬다. 

 

혹시 모르니 깃허브 홈페이지를 들어가서도 확인해본다. (굳이 안해도 됨)

보면 깃허브홈페이지에서 따로 레파지토리를 만들지 않았는데도, 이미 안드로이드 스튜디오 내에서 레파지토리를 만들었기에 flutter_todolist_app가 잘 생성되있는 것을 확인할 수 있다. 

 

2-2) 깃에 올리기 (커밋)

git>commit을 클릭한다.

 

그러면 첫번째 커밋을 하겠냐는 창이 뜬다. 

체크되어 있는 것 그대로 Add 버튼을 눌러주면 아래처럼 뭔가 진행이 된다. 

 

깃허브에 프로젝트가 잘 공유되었다면 안드로이드 스튜디오의 오른쪽 하단에 이런 창이 뜬다. 

 

혹시 모르니 깃허브 홈페이지에 들어가서 다시한번 확인해보자. (선택)

왼쪽이 내가 만든 플러터 프로젝트, 오른쪽이 깃허브 홈페이지에서 확인된 내 레파지토리이다. 

홈페이지에서도 레파지토리가 잘 만들어져있다. 

 

flutter_todolist 레파지토리를 클릭해보면 아래에 initial commit이 잘 된 것을 확인할 수 있다. 

여기까지 다 했다면 새로운 flutter 프로젝트 생성과 깃 연동까지 완료한 것이다!!

다들 고생 너무 많으셨습니다,,, 

 

**

위에서도 써놨지만 이 깃허브 커밋내용을 확인했는데 다른 작업물이 들어가있다 하시는 분들은,,

아래 글 한 번 보고오시면 도움이 될 것이다

내가 이거때문에 너무 고생을 해서,,,, 흐아,,, 어쨌든 다들 파이팅!!

 

[GitHub] 프로젝트 이외의 코드들이 커밋되어 있다면 (tistory.com)

[GitHub] 프로젝트 이외의 코드들이 커밋되어 있다면