codesquad-project-team / frontend Goto Github PK

branch name

• feat/29-post-upload-page-user-input-form

구현내용

• 포스트 업로드에서 사용자가 입력한 정보를 모두 모아서 서버에 업로드 하는 기능 구현
• AWS S3에 이미지 업로드 실패시 제출 안되고 하는 에러 핸들링 기능 구현

참고사항

• #62 #58 두 이슈 develop 브랜치에 머지 완료된 후에 진행할게요. ( 제출 버튼 눌렀을 시에 image file과 지도 정보도 함께 서버에 보내야 해서요)

• branch name : feat/7-signin-modal

branch name

• feat/27-post-upload-page-location-search

구현내용

장소 검색 기능

• 장소 검색어 입력하여 api 요청하는 기능
• api 응답 받아서 모달창에 목록 표시 & 지도에 마커 표시 기능
• 목록 및 마커 클릭 시 선택되고 지도 중앙으로 포커싱되는 기능
• 장소검색 모달창에 확인버튼 누를 경우 모달창 닫히면서 선택된 데이터를 저장하는 기능
• 확인버튼 누른 경우 글 작성 페이지에 '어디에서' 부분에 선택한 장소의 이름이 디폴트로 입력되는 기능
• 확인버튼 누른 경우 글 작성 페이지에 '장소 검색' 버튼 대신 선택한 장소를 보여주는 지도가 표시되는 기능
• 표시된 지도를 클릭 시 장소를 다시 검색/수정할 수 있는 기능

지도 api 교체

• react-naver-maps 모듈 삭제
• react-kakao-maps 모듈 설치
• 기존 작성된 MapView 컴포넌트에서 카카오api를 사용하도록 수정
• 지도 Client Id 관련 travis 설정 수정

참고사항

• 장소 상세 페이지를 제공하기 위해 네이버api를 카카오api로 교체합니다.

branch name

• fix/19-update-header-magnifier-icon-path

구현내용

• 상대경로로 되어있는 돋보기 아이콘 경로를 절대경로로 수정

참고사항

• 메인화면 이외의 url일 때 아이콘 못읽어오는 현상이 발생합니다. (ex: 포스트 상세 페이지)

branch name

• feat/26-add-scroll-restore-function-to-new-post-btn

구현내용

• profile page에 있는 NewPostBtn 클릭시 스크롤이 최상단으로 이동하도록 수정
• Link컴포넌트에 scrollToTop 함수가 바인딩 된 컴포넌트를 리턴하는 useLink 커스텀훅 구현

참고사항

• 커스텀훅은 구현가능성을 고민해보고 되면 하고 아님 넘어갑시다.

branch name

• fix/37-seacrh-result-lists-needs-color-change-when-marker-clicked

구현내용

• 마커 클릭 시 검색목록 음영처리 되도록 수정

참고사항

• 리팩토링 과정에서 변경한 함수명을 꼼꼼히 확인하지 않아서 발생했나봐요..

branch name

• feat/42-post-edit-and-delete

구현내용

• DetailPage 에 헤더영역 만들기
• 헤더영역 오른쪽에 '수정', '삭제' 버튼 구현하기
• 수정버튼 클릭할 경우 /post/edit 으로 이동하고 포스트 수정 가능
• 삭제버튼 클릭할 경우 삭제여부 확인 후 삭제

branch name

feat/8-detail-page-add-fetch

구현내용

• 포스트 상세 페이지에 하드코딩되어있던 data부분을 fetch로 수정하기
• 리액트 라우터로 props 넘겨받아서 fetch 요청보내기
  • main page로부터 postId값을 넘겨받아야함
• RelatedPost에 key props 필요

• 12/6 회의 내용 반영하여 수정했습니다.
  • Header 컴포넌트의 프로필이미지 버튼에 드롭다운 메뉴 추가하여 '글작성, 프로필 편집, 로그아웃' 메뉴를 넣기로 함

branch name

• feat/34-add-main-page-post-upload-button
• feat/34-add-header-post-upload-button

구현내용

• 프로필 페이지에 보여지는 NewPostBtn을 메인페이지에도 추가
• Header 컴포넌트에 드롭다운 메뉴로 '글 작성 링크' 추가

참고사항

• null

• branch name : feat/3-main-page
• 구현내용
  • 포스트 컴포넌트 만들기(포스트 헤더, 사진, 본문 표시)
  • 무한 스크롤 기능 구현하기

branch name

• feat/33-add-follow-feature

구현내용

• 유저 프로필 페이지로 들어왔을 때 해당 유저의 활동 정보(게시글 수, 팔로잉, 팔로워 수) 표시하는 기능
  • 현재 하드코딩된 부분 api 활용하도록 수정
• 유저 프로필 페이지 진입 시 해당 유저의 포스트 목록 가져오도록 api 에 writerId 쿼리 추가
• 팔로우 기능 추가

참고사항

• 로그아웃 피쳐는 따로 분리할게요.(마일스톤에 맞추려면 작게 나눠야할것 같아요.)

branch name

• feat/38-location-free-select

구현내용

• 장소검색 시 원하는 장소가 검색되지 않는 경우 마커로 자유롭게 선택하는 기능 구현
• 자세한 구현 내용은 추가 예정

branch name

• chore/40-arrange-web-server-apis

구현내용

• 웹서버 api 전반적인 리팩토링에 따른 코드 수정

branch name

• feat/24-mainpage-delete-desc-add-location

구현내용

• (기획 변경에 따른) 메인 페이지에 장소 디테일 설명 삭제 및 장소 정보 추가

참고사항

branch name

• refactor/44-login-modal-issue

구현내용

• LoginModalContext 삭제 예정
• Header 컴포넌트가 가지고 있는 clickedSignup, clickedSignin 관련 상태와 함수를 LoginContext 에서 관리하도록 수정 예정

참고사항

• 미팅 때 구두로 이야기한 사항이라 관련해서 대화했던 내용만 링크로 남겨 놓을게용!

branch name

feat/10-profile-page

구현내용

• 개인 프로필 페이지 구현(내 프로필 페이지 + 다른 사람 프로필 페이지)

branch name

• feat/30-profile-edit-page-complete

구현내용

• 프로필 사진을 AWS S3에 업로드 기능
• 페이지 진입시 서버에 쿠키 보내서 초기 사용자 정보 가져오는 기능
• 사용자 정보 수정 후 제출 기능

참고사항

• #49 버그까지 함께 해결 할게요.

branch name

• feat/25-signup-page

구현내용

• 회원가입 시 닉네임 입력하는 페이지 구현
• 임시토큰 유효성 검사 요청
• 닉네임 중복검사 요청
• 닉네임 유효성 검사
  • 공백 불가
  • 글자수제한
  • (조건 정해지면 추가예정)

• branch name : feat/6-member-info-edit-page

• branch name : style/13-design-reflect-profile-modal

branch name

• feat/35-add-link-to-profile-image-and-nickname

구현내용

• MainPage
  • post 목록에서 '프로필 이미지'와 '닉네임'부분을 누른 경우 프로필 페이지로 이동하는 기능
  • GET /post?page={page number}&writerid={writer id} 응답에 추가된 userId를 활용하여 구현 필요
• DetailPage
  • '프로필 이미지'와 '닉네임'부분을 누른 경우 프로필 페이지로 이동하는 기능
  • GET /post/{post id} 응답에 추가된 userId를 활용하여 구현 필요
• ProfilePage 에 하드코딩되어있는 userId 수정

참고사항

• 클릭한 userId를 저장하는 별도 Context를 만들어야 할 것 같아요.

branch name

feat/9-info-window-add-link-and-thumbnail

구현내용

• 장소 이름 눌렀을 때 네이버 장소 정보 페이지로 이동하도록 수정
• 네이버 장소 정보 페이지의 메타태그를 활용하여 썸네일 띄우는 기능 추가
• resource폴더에서 불러오던 이미지(화살표, 말풍선꼬리)를 깃헙으로 수정

• branchName : feat/2-detail-page

branch name

• fix/32-image-select-error

구현내용

• 대표 이미지와 삭제할 이미지를 선택했을 때, 어떤 이미지가 선택 되었는지 파악하기 위해 현재는 src 를 기준으로 하기 때문에 발생하는 버그. 해결 필요

참고사항

branch name

• style/20-align-profile-edit-btn-text

구현내용

• 프로필 편집 버튼의 텍스트가 버튼 가운데에 정렬되도록 스타일 수정

참고사항

branch name

• feat/28-add-nickname-submit-feature

구현내용

• 회원가입 버튼 눌러 닉네임 제출하고 회원가입하는 기능 추가
• 영문으로 들어오는 provider값에 따라 적절한 조사(postPosition) 표시하도록 수정
• 닉네임에 허용되는 정규표현식 수정(영문 대소문자, 숫자, 하이픈, 언더바 허용)
  • 대문자는 백엔드에서 검색이 불가능한 경우 삭제할 수도 있음
• 로고에 Link컴포넌트 추가

• branch name : style/11-design-init-setting
• 참고: 폰트와 컬러 초기 세팅 동시에 메인 페이지, 디테일 페이지에 디자인 반영까지의 피쳐

폰트

• 로고 폰트: https://noonnu.cc/font_page/2
• 배너 폰트: https://noonnu.cc/font_page/85
• 메인 폰트: 나눔 고딕

컬러

• 메인 컬러: #fe7c96

branch name

• feat/17-new-post-float-add-tooltip

구현내용

• Tooltip 컴포넌트 작성하여 글 작성 버튼 위에 렌더링

• branchName : feat/2-3-map

• branchName : feat/2-2-title-desc

branch name

• fix/39-update-followers-immediately

구현내용

• 팔로우 버튼 눌렀을 때 해당 사용자의 '팔로워'를 업데이트
  'profile-content' api 요청을 다시 보내는 방식으로 해결가능할 것 같아요.

branch name

• refactor/43-apply-css-modules

구현내용

• css 클래스명이 중복되어 의도치 않게 overriding 되는 것을 방지하기 위해 css-modules를 적용합니다.
• webpack의 css-loader 옵션에서 css-modules를 사용하도록 설정합니다.
  • css 클래스명으로 컴포넌트 구조를 알 수 있도록 설정합니다.(참고링크)
• import {파일명}.scss 와 같이 사용하던 구문을 import styles from {파일명}.scss와 같이 수정합니다.
• css클래스명을 js에서 쉽게 사용하기 위해 className 라이브러리를 사용합니다.

branch name

• fix/14-detail-page-scroll-not-initialized

구현내용

• 메인 페이지에서 스크롤을 내린 후 포스트를 클릭했을 때, 디테일 페이지로 진입하면서 스크롤 위치가 최상단으로 올라가지 않는 현상 수정

branch name

• feat/15-logo-routing

구현할 내용

• 로고를 a 또는 button 태그로 바꾸고 클릭했을 때 메인 페이지로 라우팅 되는 기능 추가

참고사항

• 마이너한 내용이긴한데 깜빡할까봐 이슈 등록 해놔요.

branch name

• feat/22-profile-page-add-fetch

구현내용

• 프로필 페이지의 데이터를 fetch를 통해 받아오는 기능 추가하기

branch name

• feat/31-aws-object-security-enhance

구현내용

• 현재 상태
  • 포스트 작성 페이지 진입시 AWS 객체 업데이트. 완료되면 제거 하지 않아서 개발자가 콘솔창에서 접근할 수 있음
• 개선
  • 제출 버튼을 클릭시 AWS 객체 업데이트 후 이미지가 성공적으로 업로드 되면 AWS 객체 삭제

참고사항

• 프로필 편집 페이지에서도 S3에 이미지 올리는 부분(#64 )이 있어서, 현재 이슈 먼저 해결 후 진행할게요.

• branch name : feat/5-login-page feat/5-signup-modal

branch name

• feat/16-relatedpost-api-fetch

구현내용

• API 응답시 hasNextPage 속성이 true 라면 마지막 캐러셀 컨테이너에서 미리 fetch하여 RelatedPostComment 컴포넌트를 만드는 기능

참고사항

• RelatedPost의 API는 1회 요청시 최대 20개의 데이터를 응답해 줄 수 있고, 총 데이터의 개수가 20개 보다 많다면 끊어서 줘야 함.
• 현재 API는 한 번에 모든 데이터를 주고 있는 상황이라 백엔드에 수정 요청 하였고, 완료되면 기능 개발 예정

branch name

• feat/18-refactor-commonBtn

구현내용

• commonBtn을 웹사이트 내에서 자주 사용함. 상황에 따라 사용할 3가지 디자인으로 정해놓고 재사용할 수 있게 할 필요가 있음.

  • case1: 로그인, 회원가입 처럼 평범한 버튼이지만 hover시 효과 넣고 싶을 때

    • (일반) 흰색 배경, border와 text는 main-color / (hover시) main-color 배경, border와 text는 흰색

  • case2: form 제출 버튼처럼 버튼을 좀 더 강조해서 사용하고 싶을 때

    • (일반) main-color 배경, border와 text는 흰색 / (hover시) 흰색 배경, border와 text는 main-color

  • case3: hover시 아무 효과 넣지 않고 싶을 때

    • 흰색 배경, border와 text는 main-color

참고사항

• branch name : feat/11-post-upload-page

• branchName : feat/2-1-header

• branch name : fix/4-profile-image-component-props-not-working
• 이슈내용
  • ProfileImage 컴포넌트에 props를 넣어도 적용되지 않음
  • ProfileImage가 리턴하는 엘리먼트에 props를 스프레드로 넣어주지 않아서 발생
  • 장소 디테일 페이지(이슈#2) 완성되면 수정 예정

branch name

• fix/21-profile-image-hide

구현할 내용

• 처음 프로필 페이지 들어왔을 때 프로필 이미지 정상적으로 보여짐

• input값 수정했을 때 프로필 이미지 사라짐

branch name

• style/41-adjust-layout-and-font-size

구현내용

• 크롬 업데이트 이후 깨진 레이아웃 및 폰트 사이즈 조정
  • 이전에는 엘리먼트의 사이즈 계산시 사용되는 최소 크기가 10px이었으나 업데이트 이후 8px(base.scss에 정의해둔 크기)이 적용되는 것으로 보임
• base.scss의 font-size를 10px로 조정하고 개별 컴포넌트에서 크게 보이는 font-size를 조정하기

• branch name : feat/7-router

• branchName : feat/2-5-visitor-list

branch name

• feat/36-implement-logout

구현내용

• Header의 프로필 버튼 누르면 나오는 드롭다운 메뉴에 로그아웃 버튼 추가
• 로그아웃 버튼 누르면 로그아웃되고 알림 메시지 표시

참고사항

• Header에 드롭다운마크업 추가(#70) 이후 진행 예정

branch name

• feat/23-upload-image-s3-redesign

구현할 내용

• 기능

  • 포스트 작성 페이지에서 이미지 선택시 S3에 올려서 url 받아오기
  • 이미지의 최소 개수 미달시 alert 등으로 사용자에게 리마인드 하기
  • drag and drop 으로 이미지 업로드 가능하게 하기

• 디자인

  • 사용자가 첨부한 이미지가 포스트 작성 페이지에 보여지게 하기 (이미지 개수에 맞게 유동적으로)

참고사항

• branchName : feat/2-4-carousel