sprint1

스프린트 기록

스타일 접미사

interface IStBoxContianer

const StBoxContainer = styled.div<IStBoxContainer>`
	~
`;

글자 수 제한

• 닉네임은 10글자 이내로

• 상세 페이지 / 타이틀은 너무 길어지면 … 으로 표현.
• Hover나 클릭하면 전체 보이게끔?

글로벌 스타일 정리

1. 스크롤 모양

2. media query (반응형)

3. font-family

4. 색상

5. 강조, 중간, 흐림 텍스트 색상, 크기

6. 기본 padding

7. 헤더 높이

8. 다크모드 스키마

9. 유틸리티 클래스 (flex 가운데 정렬, hidden, visible 등)

10. 로딩 스피너

공용 컬러

export const PRIMARY_BLUE = "#228BB4";
export const SECONDARY_NAVY = "#364954";
export const BRIGHT_GREY = "#F8F9FA";
export const LIGHT_GREY = "#EDEDED";
export const GREY = "#B2B2B2";
export const DART_GREY = "#939393";
export const BEIGE = "#EEEAE2";
export const SEMI_WHITE = "#F8F9FA";

업무 분담

김민수

• 공통 컴포넌트
• Input 구현
• 프로필(사진+이름) + 유저페이지이동로직 구현

원동건

• 공통 컴포넌트
• 헤더 구현
• 툴팁 구현

• 글로벌 스타일 정리

이예진

• 공통 컴포넌트
• 모임카드 구현
• 버튼 구현

안건

배건호

• 공통 컴포넌트
• 아이콘 구현
• 태그 구현
• 댓글 구현