오랜만에 다시 간단한 플젝에 들어가게 되었다.
프로젝트를 여러번 하게 되면서 간단하게 순서를 좀 정해놓으면 나중에도 보기 편할듯해서 적어두기.
1. 주제 선정 + 아이디어 구상
2. 팀원과의 협업 툴 구성하기 (회의앱, 보드앱, 디자인앱, ERD 다이어그램 등)
- zoom, slack, git, 노션 .. 맞는 걸 사용하자.
- 디자인앱은 figma 넘사
- ERD 다이어그램은 DB구축과 기능구현을 위해 필요 . Draw.io를 사용했다!
3. 회의에서 나온 아이디어를 쭉쭉 적어나가며, 시나리오 작성 및 구체화
- 이 과정이 다행히 빠르게 진행되어서, 시간을 잡아먹히지 않을 수 있었다.
- 구현하고 싶은 디자인들을 미리 뽑아놓고 피그마로 목업을 완성했다.
- ERD 다이어그램이나 DB는 한명이 그리고 설명해주는게 더 빨라서 그렇게 진행했다.
- 우선은 DB를 최대한 덜어내는 방향으로 구성했다 (서버나 프론트 딴에서 모두 처리)
4. 피그마로 목업 만들기!
- 시간이 많지 않아서, 여러 사이트를 돌아다니며 자료 get
- get한 자료들을 바탕으로 가장 적합하고 효율적인 디자인을 뽑아냈다.
- 아이콘 사이트를 적극 활용! (저작권 무료 아이콘을 이용합시다.)
- 로고 및 팀명도 예쁘게 뽑아내자.
5. 깃헙 레포지토리 만들기 (만약 팀원이 다수라면 피그마보다 이 작업을 먼저 하자.)
- 다행히 팀원이 두명이라, 피그마를 다 뽑아놓은 상태에서 깃헙을 만들었다.
- 깃헙에서 your organizations 들어가서 만들자.
- 만들면서 팀원 추가는 해야겠지?
- 팀원이 들어오면 권한도 부여해주자.
- 만든 다음 하나의 repo를 만들어주자 (develop용)
- 각자 자신의 컴퓨터에 git clone하기!
이때 나는 git clone이 아니라 직접 로컬에 전체 다운로드를 했는데, 추천하진 않는다 (에러가 생겼다.)
그래도 해결을 했으니..
받은 폴더에서
fatal: not a git repository (or any of the parent directories): .git
이런 에러가 떴고, 그 에러를 해결하기 위해서
git init
git remote add origin (GitHub주소)
이렇게 작업을 해줘야 했다.
그런데?
npm start가 안먹는 에러가 또 생겼다.
npm install -save react-scripts
지금은 이렇게 해서 어찌저찌 돌아가고는 있다.
6. 이제 프로젝트를 들어가야지
git checkout -b "브랜치이름"
자기의 브랜치를 생성해서 나중에 머지하는 걸 까먹지 말도록 하자!
추가 사항이 생긴다면 또 올릴지도...
'[Dev] 🎯Self Study' 카테고리의 다른 글
[AWS, NCP] 클라우드 플랫폼 비교 (0) | 2023.02.07 |
---|---|
[React 프로젝트] 글씨체 적용하기 (매우 쉽게) (0) | 2023.01.27 |
[React] 기본 세팅부터, 코드 스니펫 (0) | 2023.01.13 |
[Eslint 에러 해결] (0) | 2023.01.05 |
[오류 기록] Gulp-SASS. JS - SyntaxError , CSS 및 JS MIME type 오류 해결 (0) | 2022.12.19 |