75일차 TIL

피드백중 하나인 카테고리를 누르면 그 카테고리관련 책이 10개가 나오도록 구성하게끔 해보았다. 

 

1. 선택박스 구성 

2. 그리고 크롤링도 장르별로 가져오는것을 해야한다. 

#infoset_goodsCate > div.infoSetCont_wrap > dl > dd > ul > li > a:nth-child(4) 

 

이부분에 대한 selector부분인데 요부분중 두번째인 "인문"부분을 크롤링을 따로해야하고 종류가 너무많아 추리기로 결정을 했다. 

다음과 같이 5종류로 나누었다. 이런식으로 종류를 나누고 백엔드를 먼저 수정하였다. 

추천하는 url을 따라가다보면 다음과같은 백엔드 로직이 나오는데 간단하다 

genre가 전체를 선택되면 전체데이터를 10개랜덤으로 가져와서 출력을 해주고

request,get을 통해서 장르를 선택해서 가져오게 된다면 Test라는 변수를 두고 bookgenre를 넣어서 그 장를 가져오게 하면 된다 그것도 역시10개를 랜덤으로 가져오게하면 끗

그러고 js으로와서 위에 chancgevalue함수를 건들게되면(셀렉트박스가 선택될때의 함수이다)

밑에 js코드가 실행이된다. 요약을 하자면 파라미터를 활용하여 genre를구분을 시켜서 출력을 시켜주고 데이터가 중첩으로 뜨는문제가 생겨 기존의 10개의 데이터를 empty를하고 다시 append를 사용하는방식을 사용하였따(뭔가더 쉬운방법이 있을텐데...ㅎㅎ)

 

오늘할일 끄읐!