ILsangEmong / ILsangEmong-Web

🖕상✌몽의 매콤함🌶 담당 쭈엉이랑 떼엉이랑 뚕아 🌪🌈

Team ILsangEmong

일상이몽 - 함께 경험한 하나의 일상을 서로 다른 시각으로 회상하는 서비스

THE SOPT Sopkathon - Group 4

SOPT 30기 솝커톤(무박2일 해커톤) 4조입니다!

🛠Used stack & library

Used stack

react, typescript, CRA

Used library

axios, react-router-dom, recoil, styled-components, styled-reset

🧷directory structure

.
├── public
└── src
    ├── assets
    ├── components
    ├── pages
    ├── services
    │   ├── api
    │   │   └── types
    │   ├── mock
    │   └── remote
    ├── stores
    └── styles

🧑‍💻 Developers

남주영	주송아	최세영
어~?라는 말 금지(나)	낼 아침 국밥갈겨(소주콸콸콸)	잘 하고(쌉가능) 잘 마시자(안되겠지..)

💼 Roles

남주영	주송아	최세영
글 작성뷰(CommentForm),팀 생성뷰(TeamForm),그룹참여뷰(GroupMain)	글 작성뷰(CommentForm), 만료뷰(Expire),결과입장뷰(ResultIntro)	그룹참여뷰(GroupMain), 결과 뷰(Result), 만료뷰(Expire)

📏 Code Convention

• 컴포넌트 선언

최상위는 function, 아래 함수는 const!

function Component() {

const handleaaaa = () => {

}

}

• 핸들러 함수

기능 기준으로 쓰되 (modalOpen 등),

정말 이 함수가 하는 일이 특정 이벤트 전용이라면 handle[이벤트당한요소][이벤트] (handleInputChange 등)

• 컴포넌트 이름

1. buttonSearch
2. searchButton
3. btnSearch
4. searchBtn

• style 붙인 거

스타일만을 위해서 만든 컴포넌트는 styled를 붙이자

❌ StyledDiv

StyledTitle

StyledWrapper

StyledImage

• export , import

export한 친구의 이름 바꿔서 쓰지 말기!

안 그래도 되도록 변수/함수 이름은 자세하게 쓰기

👨‍💻팀 협업 룰

1. 메인에 머지할 때 무조건 다같이 하기
2. 졸리면 웃음벨 치기
3. 10분 이상 고민하는 경우 도움 요청하기

🌿 Branch Strategy

• git flow 기반
• 이슈를 기능 단위로 파고, 그 이슈 단위로 브랜치 파서 기능 개발 후 main에 merge

ex. 브랜치명 feat/#이슈번호

📌 Commit Convention

🧾 구현기능 상세설명

남주영	주송아	최세영
퍼블리싱(페이지: Result),초기세팅,라우터,api 연결	퍼블리싱(페이지: CommentForm, Expire, ResultIntro),리드미 작성,라우터	퍼블리싱(페이지: Result, Expire, GroupMain), mock api 연결 / mock data 생성, 리드미 작성