포트폴리오 수정 페이지 구현 (백로그 29 ~ 32) - 신봉철

• 일단 background를 바꿔주는 기능은 could로 보류
• 기본적으로 닉네임, github주소, 이메일, 블로그 주소를 변경할 수 있게끔 만들어준다.
• 자기소개를 텍스트 에디터를 이용해 수정할 수 있게끔 만들어준다.
• 기술스택 목록을 chipInputSearch를 이용하여 수정할 수 있게끔 만들어준다.
• 위의 기능 목록들은 기본적으로 수정페이지에 들어갔을때 기존 데이터를 받아와 화면에 뿌려줘야 한다.

프로젝트 조회 페이지 구현 (백로그 33 ~ 45) - 최수혁

• 프로젝트 작성날짜를 불러와 페이지 상단에 보여준다.
• 유저의 프로필 사진, 닉네임을 불러와 상단에 보여준다.
• 해당 프로젝트에 눌린 좋아요 갯수를 불러와 우측 상단에 보여준다.
• 프로젝트의 제목을 h3 요소로 보여준다. (h1은 메인 로고, h2는 프로젝트 조회 section에 대한 숨김 제목)
• 팀명이 있을 경우에만 프로젝트 제목 아래에 팀명을 렌더링 한다. (조건부 렌더링 필요)
• 프로젝트 배포 주소를 등록했을 경우 Visit the Website 버튼(a태그)을 활성화 시켜 페이지와 연결해준다. 만약 등록되지 않았을 경우(데이터 베이스의 값이 null 이라면)에는 Visit the Website버튼을 disabled 처리해준다.
• 소스코드가 있는 깃헙주소를 등록 했을 경우 Github버튼(a태그)을 활성화 시켜 페이지와 연결해준다.만약 등록되지 않았을 경우(데이터 베이스의 값이 null 이라면)에는 Github 버튼을 disabled 처리해준다.
• 프로젝트 등록한 썸네일 이미지를 크기를 잘 조정하여 렌더링해준다.
• 프로젝트 기획의도를 썸네일 이미지 아래에 렌더링 해준다.
• 팀원 목록을 이름과 github주소와 함께 기획 의도 아래에 렌더링 해준다.
• 사용 기술 스택을 해당하는 이미지와 함께 팀원 목록 아래에 렌더링 해준다.
• 프로젝트 설명을 사용 기술 스택 아래에 렌더링 해주되 코드 블럭은 따로 스타일링을 해준다. 아마 이때는 어쩔 수 없이 module css사용해야 할지도 모른다.

로그인 상태에 따라 헤더의 UI변경 작업 (백로그 61, 63, 64) - 류하준

• 로그인 또는 프로젝트 등록 버튼 왼쪽에 돋보기 아이콘으로 검색을 할 수 있는 페이지로 이동할 수 있다. (이동만 가능하게끔 구현)
• 로그인을 했을 경우 프로젝트 등록 버튼을 눌러 프로젝트 등록 페이지로 이동할 수 있다.
• 로그인을 했을 경우 유저의 프로필 사진을 우측상단에 동그랗게 띄워 클릭했을시 메뉴바를 보이게 해주고 마이페이지와 설정 페이지로 이동할 수 있는 네비터게이터를 만들어준다.

프로젝트에 필요한 백엔드 로직 작성

• 인증이 필요한 요청들에서 JWT의 verify메서드를 사용하여 인증된 사용자가 맞는지 체크해주기
• 프로젝트 조회 페이지에서 쓰일 조회 api를 작성한다. 내부에는 프로젝트 테이블의 데이터와 그 데이터의 id와 연결되어있는 프로젝트의 기술 스택 테이블의 데이터, 팀원 목록 테이블의 데이터가 들어온다
• 지금까지 구현해놓은 api들의 사용법을 팀원들이 사용할 수 있게끔 문서화하기
• api가 restful한지 체크 한번 하고 아니라면 수정하고 api문서에 반영
• 홈페이지의 헤더, 바디 영역의 레이아웃이 뷰포트가 작아질때 같이 자연스럽게 변하게끔 수정 (뷰포트를 기준으로 양옆에 동일한 마진 또는 패딩을 가지게끔 한다.)
• 홈페이지에서 게시글을 누루면 해당 게시글로 이동할 수 있게끔 게시글의 유니크 한 값을 이용하여 라우트의 파라미터로 전달해주며 이동
• 로그인을 했을때 유저의 네비게이터 메뉴가 토글 될 수 있어야하고 애니메이션 효과를 준다.
• 인증 토큰이 쿠키에 존재하지 않을때(임의로 브라우저에서 쿠키를 지울때)를 판단하여 로그아웃 처리를 해준다.