HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
👨🏻‍💻
달리 2팀
/
📋
프로젝트 관련 문서 (기획서 및 팀빌딩 가이드)
📋

프로젝트 관련 문서 (기획서 및 팀빌딩 가이드)

참고 자료
이름
분류
관련 링크
프로젝트에 사용할 API 목록
프로젝트
우리가 사용할 API 목록 모아놓은 시트
프로토타이핑 (와이어프레임, PPT)
프로젝트
이름클릭
프로토타이핑(와이어프레임, 오븐앱)
프로젝트
https://ovenapp.io/view/D6K6oT8MrG5sLL5yO0mSjLLCxVRoM56N/UmoSn
디자인 시스템 (피그마)
프로젝트
https://www.figma.com/file/WoHSksgdqpBMeSJ7LTeQpb/%EB%8B%AC%EB%A6%AC%EB%8A%94%EB%AA%A8%EA%B0%81%EC%BD%94?node-id=9%3A2
기획서 초본 (PDF)
프로젝트
이름클릭
리액트 컴포넌트 설계
React
https://velog.io/@holim0/React-Design-Pattern
리액트 파일 구조
React
https://ko.reactjs.org/docs/faq-structure.html
React | 스트리밍을 이용한 넷플릭스 클론코딩
React
https://velog.io/@tmdckzm/React-%EC%8A%A4%ED%8A%B8%EB%A6%AC%EB%B0%8D%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EB%84%B7%ED%94%8C%EB%A6%AD%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9
Web socket
JavaScript
https://javascript.info/websocket
VS Code 라이브 쉐어
Team work
https://hwanine.github.io/vs code/VScode-liveshare/
Git Flow / GitHub Flow
Team work
https://ujuc.github.io/2015/12/16/git-flow-github-flow-gitlab-flow/
GitHub Action 공식 문서
Team work
https://docs.github.com/en/actions
오늘자 선협님의 가이드(재영 ver)
Team work
이름클릭
오늘자 선협님의 가이드(민철 ver)
Team work
이름클릭
마이리얼트립 프론트엔드팀은 어떻게 협업하고 있을까?
Team work
https://medium.com/myrealtrip-product/frontend-cowork-9cdb125da1ef
freecodecamp - 좋은 소프트웨어 디자인 문서 쓰는 법
Team work
https://www.freecodecamp.org/news/how-to-write-a-good-software-design-document-66fcf019569c/
협업 참고 블로그
Team work
https://overcome-the-limits.tistory.com/entry/%ED%98%91%EC%97%85-ESLint-Prettier-Airbnb-Style-Guide%EB%A1%9C-%EC%BD%94%EB%93%9C-%EC%BB%A8%EB%B2%A4%EC%85%98-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0?category=923736
HobbyGram
Other Projects
https://github.com/joometa/HobbyGram-Front
Westagram
Other Projects
https://velog.io/@mm0467/Project-Instagram-React
웹 녹화 페이지
도움될만한자료
https://webgldemo.blob.core.windows.net/page1/example.html
UI 32가지 요소
도움될만한자료
https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-%EC%95%8C%EC%95%84%EB%91%90%EC%96%B4%EC%95%BC-%ED%95%A0-32%EA%B0%80%EC%A7%80%EC%9D%98-UI-%EC%9A%94%EC%86%8C-%EB%B2%88%EC%97%AD
git reset
도움될만한자료
https://deepinsight.tistory.com/91
색상조합 사이트
CSS
https://colorhunt.co/
Bootstrap과 가까운 format으로 색상표를 뽑아주는 사이트
CSS
https://colors.eva.design/
PR 템플릿 양식
Template
이름클릭
이슈 템플릿 양식
Template
이름클릭
사용자 시나리오 (업무 배분)
사용자시나리오
https://www.notion.so/9ba34e884d78495c88f8ab8b5b549b23?v=66c4d704f4864fe998766b6d1e3b71ac
사용자 시나리오 (구글 시트)
사용자시나리오
https://docs.google.com/spreadsheets/d/1YBQplSyixac7FU-AvrT_-9jxqSJ-a8rctQKY8fQzh_I/edit#gid=0
effective atomic design (선협님 세션)
디자인 패턴
kciter.so/posts/effective-atomic-design