[01] 와이어프레임, 화면단

※ 기획서 - https://www.notion.so/2-1-Mini-Project-eb4f6367a5e74ccf891f2bf336e21112

① 주제 : 카타르 월드컵 일정/응원 ⚽

② 구현해야하는 기능

• css/html (화면단)
• JWT토큰
• javascript
• crawling (https://radiokorea.com/event/pages/worldcup2022/matches.php)
• 페이지 이동 - 동적라우팅
• bootstrap, bootswitch
• ajax
• mongo db

③ CSS

1. head 폰트 :

• https://fonts.google.com/specimen/Staatliches
• https://fonts.google.com/specimen/Francois+One
• https://fonts.google.com/specimen/Anton

1. 세부 폰트 : https://fonts.google.com/specimen/Do+Hyeon?subset=korean
2. bootswatch https://bootswatch.com/united/ (dark 버건디 색상 , secondary 그레이 색상 참고)
3. 버건디 색상 번호 : #772953

④  page url

• login.html
• signup.html
• main.html
• main/name_of_match
• review.html

 

1. 와이어 프레임 

<< 플로우 차트 >>

1. 로그인 페이지

2. 회원가입 페이지

3. 메인 페이지

4. 응원댓글 페이지 하단

5. 응원댓글 페이지 하단

 

2. 미니 프로젝트 화면단 

 

1. 로그인 페이지

2. 회원가입

3. 메인페이지

4. 댓글 페이지 (상단)

5. 댓글 페이지 (하단)