여름방학 기록(3) : 깃허브 레포 생성 및 FE 개발 시작, 그리고 API 명세서 작성 | with React Native + Expo GO + Notion

8/8(금) - Github 레포 생성 및 초기 프로젝트 업로드

얼추 완성되었던 피그마 UI 계획을 바탕으로 React Native를 본격적으로 활용한 FE 개발에 돌입했다.

 

이번에 회차에 깃허브 레포를 파고 초기 프로젝트를 업로드한 후

이를 모두가 내려받아서 각자 기능을 작업해오고 다음에 병합하기로 했다.

 

Github FE repo에 React Native project 업로드하기

1. 깃허브 사이트에서 'FE' 레포지토리 새로 만들기

- 깃허브 사이트에서 NEW 버튼 눌러 생성하는 게 제일 직관적이고 간단함

 

2. 맥 터미널에서 레포 클론하기

git clone <팀 레포지토리 URL>
cd 팀 레포지토리

 

레포 url은 깃허브 사이트에서 복사해오면됨

 

3. 로컬 PC에 폴더가 잘 생성되었나 확인하기

 

4. 로컬에서 파일 수정하기

- 필요한 자료들 넣어가며 수정할 사항 반영하기

 

5. 로컬 PC의 변경 내용을 팀 레포지토리에 반영하기

- 터미널에서 아래와 같이 순서대로 입력

git add <수정한 파일 경로> //또는 그냥 . (모든파일) 해도 됨
git commit -m ‘OOO 부분 수정’
git push origin main

 

6. 깃허브 사이트 새로고침 후 변경사항 확인하기

 

 

이렇게 작업하면 가장 직관적이고 간단한 것 같다

(물론 우리만의 생각일 수도 있지만..)

 

 

 

8/11(월) - Github Desktop 활용하여 프로젝트 병합

각자 만들어온 기능별 화면을 하나로 합치는 날이다.

 

깃허브도 아직 익숙하지 않은데 리액트 네이티브는 더욱 처음이라 셋이 완전 뚝딱거렸으나

그래도 1시간반만에 병합하고 실행에 성공햇다는 사실 ~

 

FE 작업물 병합

 

0. 실행 화면

Expo GO 실행화면

 

1. 홈 화면

 

2. 추천 화면

 

3. 축제 화면

 

4. 마켓 화면

 

5. 설정 화면

 

6. 찜하기 화면

 

API 명세서 작성

이는 다른 블로그 내용을 참고하여 노션을 활용해서 작성했다.

 

 

얼마든지 수정될 가능성이 있지만 일단은 이렇게 적어뒀다 .ㅋ

---

다음 글에서는 ...

BE 개발을 본격적으로 시작하는 과정을 기록하겠다. (ㅠㅠㅠㅠㅠㅠㅠㅠ)