2024.03.18 TIL - editor 라이브러리, git협업(organization, issues, milestones), supabase 세팅하기

editor 라이브러리

• 서치 결과 중 제일 괜찮은 2가지

• tldraw
  https://github.com/tldraw/tldraw
  https://www.tldraw.com/
  
  
• excalidraw
  https://github.com/excalidraw/excalidraw
  https://excalidraw.com/

---

git으로 협업하기

organization

1. new organization 생성하기

• 우측의 프로필 눌러 Your organizations 들어가기
  

• New organization 클릭하여 생성
  

issues

• 프로젝트 진행시 각자의 todo list를 만든다고 보면 됨

• custom issue를 만들어 팀원별 혹은 기능별 todo list를 만들고, template을 생성하여 새로운 issue를 만들 때마다 같은 양식으로 작성할 수 있게 만들 수 있다!

• issues 생성 방법

  • repository 내의 탭 중 issues -> New issue -> Get started

⭐️ issues template 생성하는 방법 참고
https://han-co.tistory.com/23

milestones

• milestone은 특정 issue들의 현재 진행률을 나타내주는 % 막대 그래프로, 'issue들의 큰 제목'이라고 생각하면 좋다.
  (여러개의 issue들을 하나의 milestone으로 묶어서 진행률 체크 가능)

• issue의 체크박스를 체크하여 PR하면 milestone이 알아서 체크박스 몇개 중 몇개가 진행됐구나 하고 진행률을 업데이트해준다.

⭐️ PR template, milestone 생성하는 법 참고
https://han-co.tistory.com/24

---

next 프로젝트 생성... 우여곡절...

• 문제 1 : clone부터 해서 next프로젝트 생성하려고 하는데 capital letter 관련 에러가 뜸

  • 원인 : repository명에 대문자가 포함됐고 그 repo를 clone한 다음 프로젝트를 생성하니 repo의 이름이 폴더명이 되면서 이런 이슈가 생겼다.

• 문제 2 : readme 파일때문에 에러뜸

  • 원인 : repository에 아무것도 없는 상태에서 클론한 다음에 프로젝트 생성하고 push하는 방식으로 해야 깔끔한데, repository에 먼저 readme와 issues, PR template을 설정하는 바람에 생긴 .github폴더가 문제였다.
  • 해결 : 다음부턴 Repository에 아무것도 없는 상태에서 clone한 다음 프로젝트를 생성하도록 하자!

---

supabase 세팅하기

https://supabase.com/docs/guides/getting-started/quickstarts/nextjs

• 리액트 쿼리와 next.js에서 세팅하는 방법 다름 주의!
• supabase는 firebase와는 다르게 organization에 참여하면 모두가 table을 수정할 수 있고 데이터에 접근 가능하다! 표도 정해져있고 오히려 firebase보다 편리한 것 같다.