HASH 프론트엔드 과제 - 인스타그램 클론코딩

📆 기한: 0월 00일 23시 59분 까지

🏆 주제: 인스타그램 메인 페이지 클론코딩

깃허브

• 위 레포지토리를 포크하여 포크된 레포지토리를 클론하여 개발합니다.
• 커밋은 기한동안 주기적으로 이루어져야 합니다.
• 00.00~ 00.00 사이에 자신의 깃허브 아이디와 같은 이름의 브랜치를 생성하여 위 레포지토리에 Pull Request(PR)를 생성합니다. 이 때 PR의 제목은 "[클론코딩] 이승현 과제 제출합니다" 와 같은 형식으로 PR을 생성합니다.

커밋 룰

type	description
ADD	새로운 기능, 컴포넌트 등 새로운 것이 추가되었을 때
BUILD	빌드 관련 파일 수정 / 모듈 설치 또는 삭제에 대한 커밋
FIX	기존의 코드에서 잘못된 부분을 수정할 때
STYLE	코드 스타일 혹은 포맷 등에 관한 커밋
REFACTOR	기존의 있는 코드를 리팩토링 하였을 때
DELETE	기존의 있던 내용을 삭제하였을 때
TEST	테스트 코드 수정에 대한 커밋
DOCS	문서 수정에 대한 커밋
PERF	성능 개선에 대한 커밋
CHORE	그 외 자잘한 수정에 대한 커밋

예시

git commit -m 'ADD :: ~~~기능추가'
git commit -m 'FIX :: 스크롤 기능 수정'
git commit -m 'REFACTOR :: ~~~'
git commit -m 'DOCS :: README 수정'

사용 기술

• package manager는 yarn을 사용합니다.
  • yarn 윈도우 세팅
  • yarn 맥 세팅
• 스타일링은 styled-components를 사용합니다. 사용방법

파일구조 및 파일 네이밍 규칙

파일의 구성은 다음과 같은 방식으로 합니다.

├── client
│   ├── public
│   ├── src
│   │   ├── components
│   │       └── componentName
│   │         ├── index.jsx
│   │         └── style.js
│   │   └── pages
│   │     └── pageName
│   │       ├── index.jsx
│   │       └── style.js
└── DOCS
│   └── Styled-Compoents.md

*docs 내의 내용은 수정하지 않습니다.