업데이트 내용

1. [Front] 포스트 길이 제한 및 전체 보기 기능 추가
2. [Backend] 관련 카테고리 최대 5개로 제한
3. [Front] 마이페이지 - 좋아요 누른 포스트 보기 옵션 추가

수정사항

1. 사용자 페이지에서 닉네임이 보이지 않는 현상 수정
2. 로그인 없이 팔로잉 페이지로 이동이 가능한 현상 수정
3. 페이지 이동 시 스크롤을 최상단으로 이동
4. 알림창 기본 사이즈 변경
5. 모달 내 에디터 너비를 포스트 너비로 변경
6. 로그아웃 버튼 색 변경
7. 모바일 환경에서 캐러셀 양 옆 이동 버튼 제거

다음 업데이트 내용

1. 기능별 페이지 개편
2. 모바일환경 구조 변경
3. 포스트 공개설정(공개 / 비공개)
4. 페이지 이동 시 Progress bar 추가)

카테고리 검색 추가

업데이트 내용

1. 구글 로그인 버튼 추가
2. 리다이렉션 페이지 추가
3. 구글 로그인 쿼리 추가

수정 사항

1. Github, Naver, Google OAuth App Settings => redirect_uri 수정 필요, Github와 Naver의 경우 dev와 prod 설정을 분리

환경변수 변경사항

참고 자료

• Google OAuth 로그인 구현 가이드

업데이트 내용

1. 네이버 로그인 버튼 추가

환경변수 변경사항

참고 자료

• 네이버 로그인 API

테스트 시행 목록

1. [2023-05-22] 수정 사항 및 보완 사항
2. [2023-05-23] 테스트 항목 및 수정 사항
3. [2023-05-24] 테스트 항목 및 수정 사항

개발 내용

1. 하이라이팅 스타일 추가
2. 통합 검색 시 하이라이팅 처리
3. 카테고리 검색 시 하이라이팅 처리

추가 수정 내용

• 검색, 팔로잉, 마이 페이지에 포스트 작성 모달 컴포넌트 추가
• tsconfig:downlevelIteration true 설정 추가

참조

업데이트 내용

1. 포스트 공개설정(공개 / 비공개) 추가
2. 페이지 이동 시 진행 바 추가
3. 포스트 임시저장
4. 좋아요 알림 및 설정 추가
5. nginx 도입 및 https 적용

수정사항

1. 마이페이지에서 로그아웃 시 메인 페이지로 이동
2. 카테고리 검색 시 limit 이상의 데이터 개수가 나오는 현상 수정
3. 카테고리에 붙여넣기한 경우 띄어쓰기가 적용되는 현상 수정
4. 로그인 요청 시 로딩 바 추가
5. 썸네일이 없는 계정으로 로그인한 경우 발생하는 에러 수정
6. 검색바가 사용자 이미지에 가려지는 현상 수정

다음 업데이트 내용

1. 기능별 페이지 개선
2. 모바일 환경 개선
3. 건의 사항 및 의견 제안 기능
4. [우선순위 중간] 인증 UI 개선
5. [우선순위 중간] 구글 로그인
6. [우선순위 낮음] 기본 아바타 개선
7. [우선순위 중간] 인기 키워드
8. [우선순위 높음] 사진첩(이전에 업로드한 사진 관리)

DB 변경사항

• Users 모델

alter table users add receiveLikeNotification boolean default 1;

• Posts 모델

alter table posts add visibility enum('public', 'private') not null default 'public';

참고 자료

• 진행 바 가이드
• nginx 및 HTTPS 설정 가이드
• iptables - 1
• iptables - 2
• nginx - multiple port

Google SEO 연구

1. 포스트 목록 Empty 처리
2. 추천 사용자 Empty 처리
3. 추천 카테고리 Empty 처리

목표

404 페이지 디자인

작업 내용

1. 404 페이지 디자인

수정 사항

1. 레이아웃 리팩토링, 페이지별 필요한 컴포넌트 업데이트
2. 사용자 썸네일 커서 이펙트 오류 수정
3. 키 값 기반의 데이터로 이루어진 페이지의 경우 데이터 요청 오류 시 404 페이지로 이동하도록 변경

업데이트 내용

1. 사진첩 기능 추가 (이전에 업로드한 사진 관리, 썸네일 한정, 최근 8개로 제한) - 배포대기
2. 네이버 로그인 추가 - 배포대기
3. 회원가입 리뉴얼 - 배포대기
4. 인기 키워드 추가 - 배포대기
5. 인증 UI 개선
6. 구글 로그인 추가 - 배포대기
7. 검색어 하이라이팅 추가 - 배포대기
8. 404 페이지 추가- 배포대기

수정사항

1. 포스트 최초 작성 시 비공개 상태인 경우 알림이 가지 않도록 수정
2. 포스트 작성 - 사진 업로드 시 서버에서 허용하는 확장자와 클라이언트에서 허용하는 확장자가 다른 현상 수정(jpg, png, gif) - 배포대기
3. Nginx 설정 - 서버 요청 최대사이즈 수정 1M -> 5M
4. 이메일 인증 요청 시 데이터 암호화 추가 - 배포대기
5. 검색 결과 페이지 Aside 영역 스타일 확인필요

패키지 변경사항

1. [Frontend, Backend] crypto-js, @types/crypto-js - 인증 토큰 암호화에 이용

DB 변경사항

• Platforms 모델

네이버 플랫폼 추가
insert into platforms (platformName, logoUrl, domainUrl) values ('naver', 'http://localhost:4000/naver-icon.png', 'https://www.naver.com')

구글 플랫폼 추가
insert into platforms (platformName, logoUrl, domainUrl) values ('google', 'http://localhost:4000/google-icon.png', 'https://www.google.co.kr/');

환경변수 변경사항

• Frontend

• Backend

모듈 변경사항

• useQuery => useLazyQuery로 명칭 변경
• LinkCategoryButton => LinkButton로 명칭 변경

다음 업데이트 내용

1. 기능별 페이지 개선
2. 모바일 환경 개선
3. [우선순위 낮음] 건의 사항 및 의견 제안 기능
4. [우선순위 낮음] 기본 아바타 개선
5. [우선순위 낮음] 이미지 자르기

참고 자료

• Nginx - 요청 용량 수정

발견된 오류사항

1. [우선순위 중간][화면] 로그인 모달 체크박스 너비 수치 변경
2. [우선순위 높음][기능] 회원가입 시 에러 발생
3. [우선순위 중간][화면] 레이아웃 바닥 여백 수치 변경
4. [우선순위 낮음][화면] 마이페이지 닉네임 옆 간격 수치 변경
5. [우선순위 높음][기능] 포스트 수정 시 에러 발생(에디터 문제로 추정)
6. [우선순위 높음][기능] 포스트 수정 시 카테고리가 수정되지 않음
7. [우선순위 중간][화면] 추천 카테고리에 카테고리 포스트가 0인 포스트는 노출되지 않도록 변경
8. [우선순위 높음][화면] 다크모드에서 포스트 내용의 텍스트 색이 밝은색으로 변경되지 않음
9. [우선순위 높음][화면] 다크모드에서 아이콘 Hover 색 변경 필요
10. [우선순위 높음][화면] 다크모드에서 드롭다운이 다크색상이 적용되지 않는 현상
11. [우선순위 낮음][화면] 로그아웃 버튼과 사진 변경 버튼의 색상 차이점 필요
12. [우선순위 중간][화면] 다크모드 배경색 레벨별 정리 및 변경 필요
13. [우선순위 높음][화면] 추천인 썸네일 클릭시 오류 발생
14. [우선순위 중간][화면] 텍스트 에디터 입력 형식을 마크다운으로 변경
15. [우선순위 높음][화면] 다크모드에서 텍스트 에디터의 미리보기의 텍스트 색상 변경 필요
16. [우선순위 높음][화면] 다크모드에서 포스트 리스트형 텍스트 색상 변경 필요
17. [우선순위 높음][화면] 게시물 수정 후 모달 클리어 처리 필요
18. [우선순위 높음][기능] 관련 카테고리 포스트 수가 다르게 나오는 현상
19. [우선순위 높음][기능] 카테고리 검색 시 기본 정렬을 최신순으로 변경
20. [우선순위 높음][화면] 팔로우 검색 버튼 및 입력창 스타일 변경 필요

테스트

• 회원가입
• 로그인
• Github 로그인
• 썸네일 수정
• 닉네임 수정
• 포스트 수정 진행중

특이사항

• 서버 프로젝트 빌드 시 메모리 누수 오류가 발생하여 저장소에 빌드된 데이터를 저장하는 방식으로 진행

테스트 환경

• Mac OS, Window

빌드 과정

• 백엔드

git pull -> pm2 restart

• 프론트엔드

git pull -> npm run build -> pm2 restart

Next Step

• 리스트별 필터 만들기
• 화면 별 적절한 Empty 메시지 처리
• 추천 팔로잉 검색 추가
• 인기 검색어 추가

개발 내용

1. 인기 검색어 조회 쿼리 및 상태 작업
2. 검색창 하단에 조회한 인기 검색어 추가
3. 검색창에 최근 검색 이력 추가
4. 최근 검색 이력 삭제 기능 추가

참조

목표

사진을 업로드한 경우 기록하여 다음에 재사용할 수 있는 기능 추가

작업 내용

1. [Frontend] 업로드 요청 시 전송 데이터에 사진타입 추가
2. [Frontend] 프로필 사진첩 작업
3. [Frontend] 포스트 사진첩 작업(추후 예정)
4. [Frontend] 사진첩 내에서 삭제 기능 추가

구현 내용

1. 새로운 프로필 사진을 업로드한 경우

• 마이페이지에서 이전에 업로드 했던 사진들을 사진첩 형식으로 제공됩니다.

2. 포스트에 사진을 업로드한 경우

• 이전 포스트 작성 시 업로드 했던 사진들이 사진첩 형식으로 제공됩니다.
• 에디터 툴바에 사진첩 아이콘이 추가됩니다.

수정된 사항

• 회원가입 시 썸네일을 설정할 수 없도록 변경

목표

인증 과정을 모달에서 페이지 형태로 변경

작업 내용

1. 회원가입 페이지 추가
2. 로그인 페이지 추가
3. 서비스 약관 동의 페이지 추가
4. 이메일 주소 인증 페이지 추가
5. 닉네임 설정 및 회원가입 페이지 추가