클라이언트 단 완성 후 서버구축
1. 클라이언트로부터 데이터 받는 post요청
1)받은 데이터를 mongoDB에 저장하기
2. 클라이언트로 디비에 있는 데이터를 보내주는 get요청
1)posts라는 이름의 리스트를 만들어서 디비에서 온 정보를 리스트화 시키기
2)그 리스트를 jsonify시켜 저장해놓은 posts를 클라이언트로 보내주기
3. search
1) get요청으로 클라이언트로부터 데이터(한글/영어표현) 받기 (한글 표현/영어 표현 검색 가능하도록 설정함)
2) 디비에서 받은내용으로 조회해서 ("$regex" 로 전체를 입력하지 않고 키워드만 입력을 해도 검색이 가능하게 했다) 다시 리스트 만들기
3) 만든 리스트를 어펜드시켜 jsonify시켜 클라이언트로 보내주기
4. delete
1) 삭제할 데이터의 정보를 싹 다 (영어표현, 한글표현, url, 이미지) 프론트에서 받아오기
2) 디비에 있는 posts 목록에서 모두 일치하는 칼럼을 찾아 삭제
3) success 메시지 클라이언트로 반환
4) 클라이언트에서는 이 메시지를 받으면 alert을 삭제됐다고 띄워준다.
5. 제일 겁났던 웹 스크래핑
https://yarn.co/ 이용할 사이트는 이 사이트였고
여기서 필요한 정보들은
1) 표현을 검색하면 나오는 영상들 중에 첫번째에 등장하는 gif
2) gif를 클릭하면 나오는 동영상 링크 (url)
검색하면 파라미터로 값을 전달해주는 방식이라
text = post_eng_receive
url = 'https://yarn.co/yarn-find?text=' + text
이렇게 스크래핑 해올 url을 만들어줬고
*url 주소와 gif 크롤링을 한 후 다시 1번 post 코드 수정을해서 변수지정해 넣어줬다.
기능 추가를 고민하고 있는 상황.
1. 수정기능
2. url 대신 동영상을 바로 따오는것
'Project > 1. Bite A Bit <SPA>' 카테고리의 다른 글
project 3 Bite A Bit 프로젝트 완성, 도메인 구입해 서버 연결! (0) | 2020.08.30 |
---|---|
project 2. 2 Bite A Bit 수정 기능 추가완료 2차 완성 (0) | 2020.08.28 |
project 2. 1 Bite A Bit 수정 기능 추가하기 (0) | 2020.08.23 |
project 1. 1 Bite A Bit 클라이언트단 초기 화면 (0) | 2020.08.13 |
project 1. Bite A Bit (0) | 2020.08.09 |