Pages - Join, Login, Edit profile, Search

• 페이지에 원하는 기능을 추가하기 위해 form을 사용한다. 
  • action은 form의 내용을 처리할 URL, method는 get/post
• /join의 경로로 접속하면 아래 내용이 실행된다.
  • form 안에 5가지 input이 있고, 각각은 type, name 등을 포함한다.  
  • placeholder는 input box에 표시되는 내용이다.
• 카카오톡, 페이스북 등으로 로그인하는 socialLogin은 partial로 따로 처리해준다.

join.pug

login.pug

partials/socialLogin.pug

editProfile.pug

• Search의 경우, abc를 검색했을 때 나타나는 화면에는 [serching for: abc]를 표시하려고 한다. 
  • 이때 검색한 그 단어를 포함한 정보를 가져와야 한다. 
  • reqest object 안에는 query object가 있고, 그 안에 term이 검색한 단어이다.
  • term을 searchingBy라는 변수로 받아온다.
  • res.render의 인자 searchingBy는 searchingBy: searchingBy를 의미한다. 
    • object안에 그냥 A라고 적으면 key와 value가 모두 A라는 뜻이다.

userController.js

• search.pug안에 있는 searchingBy의 위치에 검색어가 표시된다.

search.pug

• header에도 검색창을 추가한다.
• method는 get으로 설정한다. 
  • get으로 설정하면 그 정보가 URL에 표시된다.

header.pug

README.md