TIL#5 __ <SCC/> 개인프로젝트 선수순위, CSS 조정

선수순위

1. 네이버 스포츠에서 선수순위를 크롤링 - 먼저 파이썬으로 확인해 보니 Beautifulsoup 만으로도 충분히 크롤링이 가능한것을 확인.

2. 본격적인 크롤링 전에 HTML 마크업 - 네이버스포츠에서 Table로 구현된 부분을 벤치마킹 - CSS구성을 통해 비슷하게 마크업완료

3. Beautifulsoup로 데이터를 가져와 Do{}로 MONGODB에 insert 해줌.

4. JSON GET방식으로 id 값을빼고 List로 받아와서 js로 넘겨줌

5. JS 에서 ajax를 통해 해당 값들을 받아주고 append를 사용해
   for문에서의 i번째의 값을 html에 뿌려줌

6. 해당 방법으로 하기에는 각 행마다 값이 달라야하고 0번째를 채웠으면 바로 다음번지수로 넘어가야 하지만 for문을 통해 하기엔 어려움이 있음.

7. DB의 값을 직접 지정해주기로 하고 leaders[0].name 이런 방식으로 일일히 처리해줌

CSS

1. NAVBAR의 색상을 바꿔주고 폰트 색도 바꿈
2. NAVBAR메뉴의 구성을 바꿔주고 각각 네이버스포츠, EPL공식홈페이지 의 URL을 걸어줌.
3. Window의 width값이 일정길이 만큼 줄었을 때 NAVBAR 메뉴를 토글버튼 밑으로 숨겨주고 토글버튼의 디자인을 수정
4. 모든 버튼의 HOVER시 효과를 수정
5. Carousel의 버튼 디자인과 사진을 변경 width를 꽉차게 끔 css변경

해야할일

1. 최종 css구성마무리
2. 코드정리
3. 프로젝트 호스팅