RgbitCode Ver 0.5 (BETA) 이 릴리즈 되었습니다.

안녕하세요. RgbitCode Ver 0.5 버전이 릴리즈 되었습니다.

RgbitCode Ver 0.5

배포일자 : 2024년 01월 11일

홈 화면에 Total Content Buzz 차트추가

위 스샷과 보시는 바와 같이 홈페이지에 소소하게 전체 컨텐츠 방문자 추이를 확인 할 수 있는 차트가 하나 추가되었습니다. 🍎

• 8일전부터 어제 날짜까지 결과를 통계내어 차트로 보여줍니다. 시간이 지나서 데이터가 쌓이면 주별/월별 등으로 집계해서도 보여줄 수 있을것 같네요.

• 블로그 컨텐츠 페이지 뷰가 일어날때 누적됩니다. (동일 IP로 중복 조회한 수치는 제외된 수치입니다.)

  
  

폰트 변경 / UI 개선

폰트를 다음과 같이 수정되었습니다. 폰트가 변경 됨에 따라 사이트 느낌이 달라진 느낌이 듭니다.

RgbitCode 는 Mac환경에서 개발을 하고 있는데요. 그런데 초기버전부터 가지고 있던 문제가 있었습니다. 바로 Mac 환경의 브라우저에서 보이는 UI랑 윈도우 환경의 브라우저에서 보이는 UI 차이가 크다는 문제점이었죠.

Mac환경에서는 사이트가 예쁘게 나오는데,, 윈도우 환경에서는 너무 못생긴것 같은 느낌? 웹도 외모지상주의가...

이번 버전에는 전반적인 서체를 변경하고 시스템 폰트 사용대신에 구글 폰트사용으로 이 부분을 대폭 개선했습니다.

그리하여 이번 버전부터는 윈도우 환경의 엣지,크롬 브라우저 등에서도 이전 버전처럼 큰 괴리가 생기지 않고 나오는 것을 확인하였지만, 아직도 윈도우 환경의 저해상도 모니터에서는 일부 UI가 좀 흐리게 나오는 현상이 좀 있는것 같네요

Sitemap.xml 매일 동적으로 변동되도록 구현

기존버전에서 가지고 있던 문제점이 NextJS 최신버전에서 지원하는 방식으로 사이트맵을 구현하였는데, 문제는 빌드시점에 고정되어 버린다는 것이였는데요. 그러니까 블로그에 글을 계속 써도 빌드시점의 사이트맵으로 고정되어 있다는 점이었습니다.

그래서 이 부분에 대한 수정이 적용되었습니다. 매일 새볔에 배치프로그램을 통해 사이트맵을 재생성하고 정적파일을 교체해주는 방법을 선택했고 이 부분에 대한 로직을 변경했네요. 다만 운영서버에 배포하고 아직 테스트가 되지 않아서 지금 작성하고 있는 이글이 내일 열여봤을때 재생성 되었는지 확인해봐야 하네요.

댓글 UI 추가 / 댓글 등록 기능 적용

다음과 같은 댓글 UI를 구성해 블로그 포스팅 하단에 달아주었고 댓글 등록 기능을 적용하였습니다.

• 현재는 로그인 한 유저의 경우에만 댓글 등록이 가능합니다.

• 0.5ver 에서는 댓글 등록과 계층형으로 조회하는 기능이 적용되었고 댓글 수정과 삭제, 비회원 댓글 등록 등은 향후 버전에서 적용될 예정입니다.

  
  

  
  

프로필 썸네일 이미지

• 블로그 포스팅 하단에 다음과 같은 프로필 썸네일과 간단소개글이 나오는 UI가 추가되었습니다.

• 관리자 화면의 프로필 설정에서 썸네일 이미지를 따로 설정하지 않았을 때 기본이미지로 나오게 됩니다.

프로필 설정화면

Dock 패널 감추기 기능 추가

dock 패널은 애플 맥북 디자인에서 영감을 받아 RgbitCode 0.1 Ver 때부터 적용해오던 사이트 아이덴티티 중 하나인데요.

사용자에 따라서 이렇게 나오는 UI가 거추장 스럽게 보일 수 있다는 생각을 하게 되어 감추기 기능을 추가했습니다.

마우스 조작법

마우스 클릭 으로는 위와 같이 설정으로 Dock 레이아웃을 보이지 않게 감출 수 있습니다.

키보드 조작법

ALT +3 커맨드로 RgbitCode 전용 명령프롬프트를 여신다음에 layout off 명령어를 입력하시면 감춰지게 됩니다.

(그런데 help layout 출력메시지에 스타일을를 오타가 있네요... 조만간 수정 하도록 하겠습니다. )

To Be Continue

• 관리자 쪽 화면은 ver0.1 이후로 거의 변화가 없었는데요. 이제 손을 봐야 할때가 된것 같아 관리자 화면쪽을 좀더 개선해보려고 합니다.

• 아직 구상만 되어있는 Made In RgbitCode Application 을 추가해볼 생각입니다. 이 블로그가 개발자가 만든 개발자 블로그인 만큼 개발자를 위한 여러 편의기능들을 넣어보려고 하는데요. 아이디어가 조금 필요하네요.