logoOne Drop Ink
Change-Log
Visit my GitHub profile
Go to homepage

© 2025 One drop Ink. All rights reserved.

v1.4

2025-03-08 12:46

체인지로그

[버전 업데이트] - 2025-03-08

새로운 기능

  • 날씨 위젯 기능 추가
    • 헤더 날씨 위젯 추가
    • 날씨, 습도, 바람 정보 로테이션 표시
    • 위치 연동 기능 추가
    • 날씨 카드 인증 상태에 따른 뷰 제공
    • 카카오톡 역지오코딩 연동
    • 초단기예보 지원

성능 개선

  • 메인 슬라이더 및 메인 페이지 이미지 레이지 로딩 적용
  • 컴포넌트 스켈레톤으로 변경하여 로딩 경험 개선

버그 수정

  • 인증 확인 로직 추가 (getallboards check auth)
  • CORS 오류 수정
  • 상태(status) 관련 버그 수정

리팩토링

  • progressbar 컴포넌트 분리
  • mainslider 컴포넌트 분리
  • toastContainer 컴포넌트 분리
  • ridiBatang 폰트를 로컬 폰트로 추가
  • createQueryKey 개선
  • config 설정 추가 적용

기타

  • 도커 관련 설정 개선 (.dockerignore에서 pnpm-lock.yaml 제외)

커밋 상세

  • 6a79669 - Merge pull request #202 from westkite1201/develop
  • 783fa58 - Merge pull request #201 from westkite1201/141-widget-기능-추가
  • a49f14c - fix: weather card 인증에 따라 view 부여
  • 69e04e2 - feat: weather 위치 연동 추가
  • 8e41bd7 - fix: getallboards check auth 추가
  • 16f90c6 - feat: 카카오톡 역지오코딩, 컴포넌트 스켈레톤으로 변경
  • 0651872 - fix: status 수정
  • c5f3d3e - perf: 메인 슬라이더, 메인 페이지 이미지 lazy 로딩 적용
  • 589a820 - feat: header weather widget 클릭시 날씨, 습도, 바람 로테이션 추가
  • 9bac4e3 - feat: 초단기예보추가, header weather 위젯 로테이션 추가
  • 5aaea4a - feat: header 용 weather widget 추가
  • 254086f - feat: forcast 연동
  • 516df03 - feat: backend weather router 추가 #141
  • fe52a0a - fix: cors 오류 수정
  • 4c30db6 - refactor: prograssbar 분리, mainslider분리, toasCotainer 분리, ridiBatang 로컬 폰트로 추가 #195
  • f70de74 - update: config 추가 적용, createQueryKey 개선
  • 2d62ccb - fix: .dockerignore에서 pnpm-lock.yaml 제외

겉으로 바뀐 것이 크게 없어 보이지만, 날씨 위젯 기능 추가와 같은 사용자 경험 향상에 중점을 둔 업데이트가 이루어졌다. 특히 메인 페이지의 성능 최적화를 위한 레이지 로딩 적용과 컴포넌트 스켈레톤 도입으로 로딩 경험이 개선되었다. 또한 인증 관련 버그 수정과 CORS 오류 해결을 통해 안정성을 높였다 지금 까지 www.weatkite.dev로 들어오면 페이지가 안보였을것.... westkite.dev만 cors 정책에 허용시켜 놓고 있었다...

V1.3 Change-log

2025-02-26 14:15
v1.3

체인지로그

[버전 업데이트] - 2025-02-26

새로운 기능

  • 인증 상태에 따른 검색 분기 처리 기능 추가
  • 홈 페이지 서버 사이드에서 초기 데이터 프리패칭 추가
  • 게시판 prefetch 적용
  • 게시판 서버사이드 인증 확인 추가

개선사항

  • 로그인 관련 처리를 클라이언트에서 서버로 이전
  • 아티클 카드 표시 날짜를 updatedAt에서 createdAt으로 변경
  • edit, write 진입 시 스타일 개선
  • 404 페이지 이미지 변경

버그 수정

  • SearchModal 불필요한 호출 이슈 수정
  • #127 진행상황 누락 추가

리팩토링

  • Auth Context Provider를 통한 인증 관리 방식으로 변경
  • 홈 페이지 마이그레이션 완료
  • Axios 관련 전면 개편
    • Axios 일원화 및 마이그레이션
    • 기존 Axios에서 HTTP Client로 변경
    • 불필요한 파라미터 사용 제거
    • 불필요한 Axios 점진적 제거
  • 메인 슬라이더 prefetch 적용 및 커스텀 훅 추가

기타

  • 불필요한 console.log 제거

커밋 상세

  • 73a10aa - update: #127 progress 누락추가
  • be35c1d - refactor: auth context provider를 통한 auth 관리로 변경
  • c3395d7 - style: 404 png 변경
  • 4d4cd7a - feat: auth에 따라 status 검색 분기 처리
  • 30b81a7 - style: edit, write 진입시 스타일 추가
  • 158bfd9 - refactor: 홈 마이그레이션
  • 643acdb - fix: searchmodal 불필요한 호출 이슈 수정
  • fd61fa5 - update: 로그인 전반적으로 서버에서 처리로 변경
  • 5162d99 - feat: home 서버사이드에서 초기데이터 프리패칭 추가
  • fcbe387 - feat: board prefetch 적용
  • 6dc2339 - feat: board serverside auth check 추가, axiosHttpHandle update
  • a87e4be - del: 불필요 axios fade out
  • 6ad2c92 - refactor: axios 일원화
  • 7a84afd - refactor: axios 마이그레이션
  • 9dfe45b - refactor: 기존에 사용중인 axios -> http client로 변경 및 불필요 파람 사용 제거
  • 7c329e4 - migration: 메인 슬라이더 prefetch 적용 및 커스텀 훅 추가
  • 6933269 - update: 아티클 카드 updatedAt -> createdAt
  • 6dc2339 - del: 불필요 console.log 제거

겉으로 바뀐게 크게 없지만 핵심적인 인증이라던가 내가 지금껏 잘못 사용하고 있던 react-query 관련해서 많은 수정이 이루어졌다. 특히 메인 페이지에 로딩시 기존 데이터를 보이는 동작과, 비공개 게시글 까지 렌더링 하는 이슈를 수정하려고 기능 추가는 좀 뒤로 하고 기본에 집중했다.

V1.2 Change-log

2025-02-20 15:29
v1.2

체인지로그

[버전 업데이트] - 2025-02-21

새로운 기능

  • Unsplash API 연동 및 이미지 선택기 구현
  • Cloudinary 이미지 업로더 및 리스트 프로토타입 구현
  • CodeMirror 히스토리 키맵 기능 추가
  • 무한 스크롤 기능을 위한 useLoadMore 커스텀 훅 추가

개선사항

  • 삭제된 게시판을 "카테고리 없음"으로 이름 변경
  • 이미지 업로드 시 로더 추가 및 쿼리 무효화 로직 구현
  • 백엔드 MIME 타입 확장 지원
  • 탭 콘텐츠 상태 유지 기능 추가
  • 에디터 페이지 전체 화면 레이아웃으로 변경
  • 아티클 헤더 너비 w-screen에서 w-full로 수정

버그 수정

  • 에디터에서 이미지 업로드 시 최상단에만 삽입되는 문제 해결
  • 한글 슬러그 관련 이슈 수정 [#143]
  • 프론트 사이드바 필터링 오류 수정
  • 에디터 줄바꿈 시 라인 번호 중복 문제 해결 [#178]
  • Cloudinary 중복 호출 이슈 해결

리팩토링

  • 에디터 마크다운 뷰어 스타일링 개선
  • Axios 에러 핸들러 통합 및 업데이트 [#180]
  • Unsplash 백엔드 응답 포맷 통일화
  • 불필요한 로그 제거

기술 업데이트

  • 풀 리퀘스트 병합:
    • PR #176 (썸네일 업로드 기능 개선)
    • PR #177 (카테고리 삭제 이슈 수정)
    • PR #185 (Axios 구현 통합)
    • PR #186 (썸네일 메이커 제작)
    • PR #187 (에디터 줄바꿈 이슈)

커밋 상세

  • 194e6ba - 에디터 이미지 삽입 위치 수정
  • 4149d0d - 업로드 기능 개선
  • c99fb32 - Cloudinary 이미지 기능 구현
  • 04c6776 - Unsplash API 연동
  • f2bf460 - 발행 시 Unsplash 이미지 처리
  • de8293a - CodeMirror 키맵 추가
  • 535ed9f - Axios 구현 통합
  • 3c74d7e - Unsplash 무한 스크롤 구현
  • db91647 - 에디터 페이지 레이아웃 개선

v1.1.1 Change-log

2025-02-17 13:40
v.1.1.1

체인지로그

[버전 업데이트] - 2025-02-16

새로운 기능

  • 아이콘 선택기 기능 추가
  • 캘린더 다크모드 지원 구현 [#153]

개선사항

  • 삭제된 게시판 사이드바에서 제거
  • change-log 라우팅 경로 변경
  • 메인 슬라이더 모바일 타이틀 위치 조정
  • 게시글 관리 페이지 이름 변경 (manageArticlePage)
  • 전반적인 다크모드 스타일링 업데이트

버그 수정

  • 빌드 에러 수정
  • 로고 클릭 시 루트 페이지로 계속 이동하는 문제 해결
  • 게시글 진입 시 스크롤바 컨트롤 관련 문제 수정 [#157]

리팩토링

  • 검색 모달 닫기 버튼 제거
  • 메인 슬라이더 모바일 타이틀 위치 재조정
  • 메인 페이지 스켈레톤 UI 개선
  • 다크모드 전반적인 디자인 업데이트
  • 사이드바 아이콘 구현 방식 개선

기술 업데이트

  • 풀 리퀘스트 병합:
    • PR #173 (develop 브랜치)
    • PR #172 (게시글 스크롤바 컨트롤)
    • feature/sidebar-icons 브랜치 통합

커밋 상세

  • 409afb5 - PR #173 병합
  • 852e87a - 빌드 에러 수정
  • 9a932b0 - 사이드바 및 체인지로그 업데이트
  • 614b1d8 - 캘린더 다크모드 구현
  • 26eedc9 - UI/UX 개선
  • 579fd94 - 사이드바 아이콘 기능 통합
  • f80cddd - 페이지 이름 변경
  • d722110 - 로고 네비게이션 수정
  • 03e78d1 - 모바일 타이틀 위치 조정
  • 055d1f1 - 아이콘 선택기 추가
  • 8c85c52 - 게시글 스크롤 컨트롤 병합

v1.1 사이트 맵 및 체인지 페이지 추가

2025-02-13 15:54
v1.02
사이트맵
버전업

페이지

  • dark mode 적용
    • 다크모드를 추가했습니다! 원래 기존에 조금은 적용되어있었지만 제대로 보여지지 않는 이슈로 관리하였습니다.
  • article body, card avatar 추가
    • 아티클과 카드 바디에 개인적인 프로필 아바타 영역을 추가하였습니다.

검색 페이지 필터추가

  • 카테고리 검색, tag 검색 추가 기존에 검색이 기본검색만 되었으나 필터링 되어있는 검색을 추가하였습니다!

SEO

  • sitemap
    • 홈페이지의 전반적인 사이트맵을 추가하였습니다!
  • metatag 추가
    • 아티클과, 홈페이지에 메타태그를 추가하였습니다
    • opengraph를 적용하였습니다.
  • gtag 추가
    • 방문자 추적이 가능합니다!!

CHANGE LOG

  • change log 컴포넌트 홈 화면 생성
  • change log 페이지 생성

Bugfix

  • refresh, jwt가 하드코딩 되어있어서 설정되어있어서 해당 코드를 콘피그 값으로 대체해서 유연하게 변경하였습니다.
const handleCookieAuth = (res: Response, tokens: Tokens) => {


const accessCookieOptions: CookieOptions = {


maxAge: config.jwt.accessExpirationMinutes * 60 * 1000, // Convert minutes to milliseconds


httpOnly: true,


secure: config.env === 'production',


sameSite: config.env === 'production' ? 'none' : 'lax',


path: '/',


domain: config.env === 'production' ? config.cookieDomain : 'localhost'


};


  


const refreshCookieOptions: CookieOptions = {


maxAge: config.jwt.refreshExpirationDays * 24 * 60 * 60 * 1000, // Convert days to milliseconds


httpOnly: true,


secure: config.env === 'production',


sameSite: config.env === 'production' ? 'none' : 'lax',


path: '/',


domain: config.env === 'production' ? config.cookieDomain : 'localhost'


};


  


res.cookie('jwt', tokens.access.token, accessCookieOptions);


res.cookie('refreshToken', tokens.refresh.token, refreshCookieOptions);


};
  • 모달부분이 모바일에서 제대로 보여지지 않는 이슈를 수정했습니다.
  • 헤더 뷰포트를 수정하였습니다
  • 기존 vh를 사용하던걸 dvh로 변경해서 모바일 지원을 하도록 하였습니다.
  • 에디터에서 프리뷰와 마크다운이 스크롤 싱크가 안되는 버그 수정하였습니다.

기타 등등등...