"ART_Cinema Project" ⑳200623_TIL

오늘의 영화 :  '스파이더맨 : 뉴 유니버스, 밥 퍼시케티'

 

"스파이더맨 : 뉴 유니버스" 포스터

 

---

오늘 한 일 (To Do List)

▶ 검색 했을 때 나오는 , Search.html 페이지 구현하기

 

:  검색창을 통해서, 영화제목만 검색할 수 있도록 구현했지만, 이제는 영화제목 / 감독 / 사용자를 검색하면 나오도록 하는 페이지가 필요할 것 같다.  

다른 사용자의 마이페이지로 가기 위해서는, 사용자를 띄울 수 있는 페이지가 있어야한다.

 

왓챠의 검색 리스팅 페이지는 이렇게 되어있다.

 

왓챠의 검색 리스팅 페이지

 

이렇게 여러 기능을 구현할 수 있는 'Search.html' 을 만들었다.

 

영화 제목 / 감독은 ART_movie_list 라는 영화정보가 저장되어있는 DB에서 찾도록 구현했다.

 

사용자의 닉네임은 userdb에서 찾아오도록 구현했다.

 

search.html

 

감독을 입력하면, 해당 감독의 작품을 띄워주고 누르면, 해당 영화의 내용을 자세히 볼 수 있는 Page5로 이동한다.

 

만약, 사용자의 닉네임을 검색창에 작성했다면, 닉네임을 가지고 있는 유저의 카드가 나오고, 이를 누르면 해당 유저의 마이페이지로 이동하도록 구현할 것이다.

 

사용자를 검색했을 때, 나오는 방식

(이 때, 새로운 문제가 발생하는데, 해당 계정을 누르면, 그 유저의 마이페이지로 가는 쿼리스트링은 생성되지만, 로그인되어있는 유저의 마이페이지로 이동한다.) => 나중에 디버깅해야할 부분

 

 

▶ 사용자의 정보를 띄워줄 때, 새로운 정보들이 필요하다

 

1. 사용자의 프로필 사진

2. 닉네임

3. 커멘트 작성한 숫자

4. 자기소개 문구

 

이런 요소들이 카드에 들어가게 되는데, 닉네임과 커멘트 작성수는 지금까지 한 것으로 구현이 되지만, '프로필 사진' 과 '자기소개 문구' 는 별도로 추가적인 작성을 해야 가능하다.

 

그렇기 때문에, '자기소개 문구' 는 회원가입을 할 때 같이 작성하도록 진행할 것이고, '프로필 사진'은 별도로 지정하지않는다면 나올 기본적인 사진과 마이페이지가 완성된다면 프로필 사진을 업로드할 수 있는 기능을 추가할 것이다.

 

"사용자의 프로필 사진"

-> 해당 사진은 직접 제작한 사용자 이미지를 사용할 것이다.

 

사용자 기본 이미지

 

"자기소개 문구"

-> 회원가입할 때 같이 진행한다.

 

회원가입 진행할 때, 자기소개문구까지 작성하도록 구현.

 

회원가입을 하면서, userdb에는 해당 형식대로 db 의 테이블이 생성된다.

 

db.userdb.insert_one({'email': email, 'pwd': pw_hash, 'nickname': nickname, 'genre_1': "", 'genre_2': "", 'profile_photo':"", "introduce":introduce})

 

▶ 사용자가 검색한 결과가 10개보다 적으면, 최근 검색어가 잘못 나오는 오류 발생

 

: 디버깅을 위해서, 대체할 수 있는 방법을 강구해야했다. 해당 유저가 검색한 최근검색어를 띄워주는 최근 검색어 listing 에서 만약 검색을 적게 했다면 보여지지 않기 때문에, 10개보다 적다면 더 작성해달라는 문구를 띄우는 append 구문을 추가했다.

 

10개 보다 적을 때, page5 검색어창 

 

---

<기능 구현 동영상>

 

기능 구현 동영상 _ 200623 _ test