- 폰트 세팅
- 컬러 세팅
- 기본 컬러
- 모드 컬러
- 기본 css 세팅 (css variable)
- border
- radius
- shadow
- 디자인 컴포넌트
- Spacer
- Button: button
- (Colors) variant
- (States) hover
- (Icon) none, plus, closed, loading (12px, foundation에 등록된 plus, closed 사용)
- (Text) optional
- AutoRollingNews: a
- (States) hover
- (Flexible)?
- Logo
- 시간
- Badge: span/ 안에 텍스트, 아이콘 모두 올 수 있으므로 children으로 받기
- children
- Tab (nav? a?)
- Tab.Item
- left, right
- variant
- Tab.Item
- icons 세팅
- 기능
- 그리드 만들기
- grid css 만들기. 반응형이 필요할거다
- 배열로 언론사 정보를 가져와 렌더링하기
- hover된 아이템은 배경색을 변경, 구독하기 버튼을 띄운다
- 페이지네이션 챱챱
- 구독
- mock api를 만들어서 임시로 추가한다.
- 롤링
- 특정시간간격으로 롤링
- 호버시 스탑
- 호버해제시 다시 원래 시간 간격 지키며 롤링
- 롤링 개선
- 롤링이 끝난 후에 다음 섹션의 롤링이 시작되는 기능 설계
- 그리드 만들기
pakxe/fe-news
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
Releases
No releases published
Languages
- TypeScript 60.3%
- CSS 35.6%
- JavaScript 2.8%
- HTML 1.3%