Releases: KakaoMagnifyingGlass/KMG
Releases · KakaoMagnifyingGlass/KMG
v0.2.6 - 23-11-09
데모 페이지가 추가되었습니다.
카카오 돋보기 사이트 주소: http://kmg-env-1.eba-332qe2dv.ap-northeast-2.elasticbeanstalk.com/
기존에 테스트 파일을 다운로드 받아 첨부해야 하는 번거로움을 없애기 위해서
데모페이지를 만들었습니다.
주요 기능 추가
- 데모페이지가 추가되었습니다. 이슈 #171
변경 사항
UI/UX
- 게시판 darkmode 관련 스타일 개선
성능 개선
- 모든 그래프를 모듈화함으로써 파일 데이터를 reducer로 불러오는 과정을 제거했고,
그래프 로딩 속도가 상당히 개선되었습니다.
버그 수정
개발자 노트
- 더미 데이터 DB에 저장 및 getDummy API 생성 1a041bc
이제 DB에서 더미 데이터를 가져올 수 있습니다.
refactor:
chore:
- 클라이언트 콘솔에 출력되는 문구를 모두 제거했습니다.
v0.2.5-beta - 23-08-12
게시물의 댓글 갯수 관련 기능이 추가되었습니다.
카카오 돋보기 사이트 주소: http://kmg-env-1.eba-332qe2dv.ap-northeast-2.elasticbeanstalk.com/
주요 기능 추가
- 게시물 삭제 시 게시물에 작성된 댓글도 서버에서 함께 삭제됩니다. b75f7b0
- 테스트파일이 케이스가 다양한 파일로 업데이트 되었습니다. 66a3c1f
- 댓글 작성 시 해당 댓글이 작성된 게시물의 카운트를 +1 합니다. c71c337
- 게시물의 댓글 갯수가 실제 갯수와 일치하게 표시됩니다. 7f1886a
- 댓글 삭제 시 해당 댓글이 작성된 게시물의 카운트를 -1 합니다. 0eed506
변경 사항
UI/UX
성능 개선
- none
버그 수정
개발자 노트
refactor:
- post 컴포넌트 분리 fd39891
- 댓글& 게시물 수정 폼 CurrentPost 컴포넌트 안에 넣기 54166cd
- 댓글 & 게시글 비밀글 체크버튼과 submit 버튼 몰큘화 54037bd
- post 관련 type 지정 62c9ab4
- PostItem 기능별 컴포넌트화 09ec44c
- 가독성을 위해서 props를 객체로 만들어 전달 71606dd
- 서버 라우터, 컨트롤러, 모델 모듈화 4c9bf43
- User 관련 protected api 요청 모듈화 af29b71
- setStateAction type 지정 b938b5d
- 타입 상세 지정, 프롭스 전달 축소, 함수 모듈화 9b9ed6e
chore:
- 폴더명 변경 router -> routers 6ab29a4
v0.2.4 - 23-08-08
v0.2.3-beta - 23-08-02
v0.2.2 - 23-07-30
카카오돋보기 웹사이트 AWS서버 배포하였습니다.
카카오 돋보기 사이트 주소: http://kmg-env-1.eba-332qe2dv.ap-northeast-2.elasticbeanstalk.com/
주요 기능 추가
게시판 기능이 추가되었습니다.
변경 사항
UI/UX
- 로그인 페이지와 회원가입 페이지를 구현하였습니다. cfddba1
- 로그인 로그아웃 버튼을 네비게이션에 추가하였습니다. a1f999c
- 다크모드 userpage 색 변경 & footer 사이즈 맞춤 3c26ef4
성능 개선
- none
버그 수정
- 아이디 닉네임 중복 오류 수정 0fab3b9
개발자 노트
refactor:
- authenticateToken 함수 모듈화 및 코드 가독성 향상 7b23671
- response 전달 데이터 구조 변경, 토큰 발급 함수 모듈화, 토큰 인증 미들웨어 가독성 향상 a21d45d db278bc
- 서버 게시물 관련 작업 에러 메시지 세분화, 한국시간으로 게시물 저장 3a90e7f
- Navigation 폴더명 수정 -> navigation e0e856f 36d46b1
- 회원가입 오류 정규식 수정 및 비밀번호 검증 로직 변경 44db776
chore:
v0.2.1-alpha - 23-07-23
주요 기능 추가
- none
변경 사항
- none
개발자 노트
hotfix: accessToken 전달 방식 수정 - (cookie -> header로 직접 전달)
cookie를 읽어 user 작업을 처리하는 작업은 쿠키를 자동만료 하도록 설정하였을 때,
로그인이 만료되지 않았음에도 자동으로 로그아웃이 되어 user 작업을 더 이상 수행할 수 없다는 구조적 문제를 발견하였습니다.
따라서, 직접 header에 token을 전달하는 방식으로 변경되었니다.
v0.2.0-alpha - 23-07-22
회원 기능이 추가되었습니다.
UI는 아직 프로토타입 단계입니다.
주요 기능 추가
회원 관련 기능이 추가되었습니다.
변경 사항
UI/UX
- test용 UserPage가 추가되었습니다. d33ca23
- 회원가입과 로그인 폼이 추가되었습니다. d33ca23
- 로그아웃 버튼이 추가되었습니다. f611485
- 회원탈퇴 버튼이 추가되었습니다. 4bbc8e7
- main화면 그래프 이미지 글자 깨짐 현상을 수정하였습니다. 241b982
- transition scale대신 padding으로 확대하는 방식으로 변환하였습니다.
- 로그인 관련 폼 버튼에 hover 효과를 추가하였습니다. 4c66881
성능 개선
- none
버그 수정
- none
개발자 노트
test:
- express server 생성 80b6102
- mongoose로 mongoDB 연결 5987652
- users 콜렉션에 test user 생성 5987652 58039ab
- 회원가입 password 해쉬화 적용 93842f0
- 유저 로그인 핸들러 추가 35415ab
- accessToken 만료시 DB에서 자동 정리 10acf3e
- accessToken이 인증된 사용자만 접근 가능한 api 구현 7b64373
- refreshToken 적용 e564f1a
refactor:
- 쿠키에서 토큰 추출하는 함수 모듈화 f611485
fix:
- 리프레시 토큰 로직에 문제를 발견하여 올바르게 작동하도록 수정 d3a0108
chore:
v0.1.4 - 23-07-15
페이지 전환 속도를 개선하였습니다.
이미 분석한 데이터가 존재할 경우 더이상 불필요한 분석을 반복하지 않도록 로직을 변경하였습니다.
주요 기능 추가
1) 대시보드, 상세페이지 전환 속도가 개선됩니다. cd3abd5 3b7e155
- 페이지 전환 시 저장된 데이터가 존재한다면 재연산을 하지 않도록 수정했습니다.
- 개선 전 : 0.1초 ~ 0.7초↑ (데이터 양에 따라 다름)
- 개선 후: 대시보드 - 80% 이상 빨라진 전환
상세페이지 - 위의 (80% 이상 빨라진 전환)속도만큼 개선
2) 대화자 변경 속도가 개선됩니다. e58e65e 630e3da 3b7e155
- 개선 전: 0.1초~0.7초↑ (데이터 양에 따라 다름)
- 개선 후: 즉시 변경
변경 사항
UI/UX
- 그래프 렌더링 애니메이션 속도를 빠르게 조절하였습니다. 8bd3ff8
- 1500->300 (단위ms)
- logo 이미지 크기를 조절하였습니다. 5fe2552
- attachedFileList 아이콘 간격을 수정하였습니다. 3644c89
- 그래프 브러쉬 컬러를 변경하였습니다. ccb781d
반응형
- 1200px 보다 작은 화면에서는 대시보드에서 스크롤로 화면을 좌우로 이동할 수 있도록 하였습니다. 6442ae8
- 1200px 보다 작은 화면에서는 모달창이 중앙에 위치하도록 하였습니다. ef794c3
성능 개선
버그 수정
- 속도 개선 작업 중 채팅방 전환 시 그래프가 변경이 되지 않는 문제를 수정하였습니다. 3b7e155
- 일부 컴포넌트에 transition이 올바르게 적용되지 않는 문제를 수정하였습니다. ccb781d
개발자 노트
- 상세페이지의 전환속도가 느린 구체적은 원인은 새롭게 그리는 키워드 그래프 자체의 렌더링 작업이 오래 걸리기 때문입니다.
v0.1.3 - 23-07-09
다크모드 전환 속도가 개선됩니다.
기존에 오래 걸리던 다크모드 전환 작업을 css variable 방식으로 변환하여 즉각적인 전환이 가능하도록 하였습니다.
주요 기능 추가
1) 이제부터는 첨부파일의 분석 결과가 0인 목록은 자동으로 제외됩니다. 601d6f7 276bd7b
2) 다크모드 전환 시 즉각적으로 테마가 변경되도록 개선하였습니다. e89040e
- 스타일 적용 방식 변경 (themeProvider -> css variable)
- 변경 전: 다크모드 반영에 소요되는 시간 (5만 메시지 이상인 경우)
대시보드 : 0.3초 이상
상세 페이지: 0.7초 이상 - 변경 후: "즉각적인" 테마 변경
- 변경 전: 다크모드 반영에 소요되는 시간 (5만 메시지 이상인 경우)
변경 사항
UI/UX
- 프로젝트 전체에 다크모드 전환이 부드러운 효과를 적용하였습니다. 8cb3cb9
- 대부분의 컨테이너 background와 일부 icon에 대하여 transition 0.3s 적용
- 첨부페이지 시각 디자인을 개선하였습니다. c08694e 0d5191c
- 박스 사이즈 고정 및 간격 수정
- dragZone text 컬러가 배경에 묻혀 보이지 않는 문제 수정 6b766d5
- 다크모드 전환 시 상단 메뉴의 경계선이 하얗게 깜빡이는 문제 수정
성능 개선
- 이제부터는 다크모드 전환 시 딜레이 없이 즉각적으로 테마 전환이 가능합니다. e89040e
버그 수정
- 첨부파일이 많을 경우 가로로 길게 늘어져 레이아웃을 망가뜨리는 문제를 해결하였습니다. e8c3767
개발자용 노트
- 첨부파일 분석 모듈(breakdownTxtFile) 리팩토링 5f09ae3
- 중복되는 코드들을 하나의 함수로 모듈화하여 코드의 가독성을 높였습니다.
- 136->83 (53 line 제거)
- 메시지 필터링 방식을 정규식으로 간소화하여 코드 가독성을 높였습니다.
- 17->3 (14 line 제거) ea0560c
- 중복되는 코드들을 하나의 함수로 모듈화하여 코드의 가독성을 높였습니다.
- 다크모드 버튼 및 관련 기능 모듈화 d9c862b
- zIndex 지정 스타일 생성 fc83a8c
- 앞으로는 zIndex를 별도로 모아서 관리합니다.
ex) z-index 우선 순위 예시 graphModal: 4100, (가장 우선) navigationContainer: 3100, (다음으로 우선되는 경우) navSide: 3100, floatingMenu: 3100, footer: 3099, (중요도는 비슷하지만 상대적으로 낮은 경우) graphTooltip: 1099, (중요도 낮음)
- 앞으로는 zIndex를 별도로 모아서 관리합니다.
- borderRadius 지정 스타일 생성 b5d1c98
- 앞으로는 borderRadius를 지정된 스타일만 사용하도록 모아서 관리합니다.
