본문 바로가기

Project/1. Bite A Bit <SPA>

project 1. 2 Bite A Bit 서버구현 / 1차 완성

 

 

 

 

클라이언트 단 완성 후 서버구축

 

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 대신 동영상을 바로 따오는것