[항해99] TIL 사전과제 스터디 D-28

생각보다도 더

시간이 짧았다.

내일이 마감일인데 남은게 많다.

그래도 일단 구현이 다 끝나지는 않았지만 api, GET, POST에 대해 이해했고 이제 openAPI에서

GET방식으로 왜, 어떻게 보내는지 조금은 알 것 같다.

왜 restfulAPI인지도 진짜 문틈을 살짝 열은 만큼만 알겠다.

열었다는게 중요한거지..

우선 내일은 다 구현하는것과 새로운 프로젝트에 대한 계획을 짜야겠다.

---

록 그 록(3일차)

bs4와 셀레니움과 라프텔

라프텔이 뭔가 크롤링을 막는 기능을 추가한 것 같다.

덕분에 bs4를 하다가 셀레니움을 하다가 결국 다른 주제로 바꾸기로 결정했다..

오류내용은 body태그까지는 크롤링이 되는데 그 이후부터 크롤링이 안되는 것이다.

None으로 나오거나 []으로 나온다.

아무리 시도해도 안되고 애초에 클래스이름에 다 block이 들어가는걸 보면 의도적으로 크롤링을 막은 듯 싶다.

라프텔말고 네이버 시리즈를 크롤링하기로 바꾸었다.

이제 4주차를 한다.

• 기능은 우선 기본적으로 top 3를 크롤링하여 실시간으로 캐러셀에 업데이트 한다.
• 기록하기 기능을 추가하여 URL을 넣으면 카드로 추가 되게 만든다.
• 추가된 카드는 업 다운 이모티콘을 통해 별점을 실시간으로 조절할 수 있다.
• 추가된 카드는 코멘트를 달 수 있다.

백엔드 크롤링 → 프론트엔드 출력

위에서의 크롤링 문제를 URL을 바꿔서 해결하니 나머지는 일사천리였다.

천천히 진행은 하였어도 막힌 부분은 없었다.

크롤링 한 변수를 반복문을 이용하여 넣어주되 배열에 넣어주고

그 배열을 api를 이용해 프론트엔드로 보내준다.

이때 내가 필요한 자료는 top3까지이므로 반복문 내에서 조건을 걸어

cnt가 3초과이면 break하게 해주면 된다.

새로고침시 자동으로 캐러셀에 업데이트 해야하므로 GET방식으로 통신한다.

다시 프론트엔드에서 백엔드로부터 크롤링데이터들을 받으면 그 데이터들을

0일때 와 아닐때를 나누어 temp_html로 넣어주고 carousel에 append해주면 끝이다.

만화 기록하기

추가로 post기능을 연습해보기 위해 만화 기록하기 기능을 추가하려 한다.

먼저 card에서 미리 구현한 형식을 그대로 변수만 살짝 변경하여 다시 넣어주었다.

생각보다 할만하다.