벨로그 v2 업데이트 안내

velog·2020년 2월 9일
85
post-thumbnail

안녕하세요, 벨로그 운영자 velopert입니다!

벨로그 v2 개발이 참 오래걸렸네요! 2019년 1월부터 시작하여 약 1년 이상의 시간을 걸쳐 벨로그 v2가 드디어 완성되어 여러분께 공개 할 수 있게 되었습니다.

기존의 벨로그 v1은, 배포한 이후에 프로젝트의 스택과 구조가 마음에 들지 않아서 처음부터 뜯어 고칠 계획을 하고 v2 개발을 시작했습니다. 이로 인하여 v1은 치명적인 버그만 고치고 거의 개선이 이루어지지 않았었습니다. 개발이 금방 끝날 줄 알았는데, 1년이나 걸렸네요. 불편한 UX가 다소 존재했었지만, 그럼에도 불구하고 많은 개발자분들의 사랑을 받으며 잘 성장해왔습니다! 벨로그에서 소중한 컨텐츠를 작성해주신 사용자분들과, 벨로그에서 다양한 포스트들을 재밌게 읽어주시는 방문객분들께, 모두 정말 감사하다는 말씀을 드리고 싶네요!

이번 벨로그 v2에서는 딱히 아주 새로운 기능이 도입되지는 않았습니다. 그 대신에 사용성 측면에서 다양한 부분을 개선을 했답니다. 어떤 변화가 있는지 한번 알아볼까요?

1. 더 나은 검색

v1에서는 PostgreSQL의 vector 기능을 사용해 포스트를 검색했었습니다. 처음엔 괜찮게 작동했었지만 포스트가 많아지게되면서 검색의 정확도가 매우 낮아졌습니다. 이번 v2 에서는 ElasticSearch를 통하여 이전보다 더 나은 성능으로 더 정확한 내용을 검색 할 수 있게 됐습니다.

2. 이전/다음 포스트 개선

기존에는 이전 포스트와 다음 포스트가 명확하게 나타나져있지 않아서 시리즈로 작성된 포스트의 경우 포스트를 읽고 다시 위로 스크롤을 하여 다음 또는 이전 포스트를 읽어야 하는 불편함이 있었습니다.

v2에서는, 다음과 같이 이전 포스트와 다음 포스트를 명확하게 구분해서 보여주며, 시리즈에 포함된 포스트의 경우 시간순이 아닌 시리즈의 포스트순으로 이전/다음 포스트를 확인하여 보여줍니다.

3. 캐싱

v1 에서는 포스트를 읽을때마다 새로 불러왔었습니다. v2 에서는 한번 포스트를 읽으면 캐싱이 됩니다. 그래서 포스트를 읽고, 뒤로가기를 눌렀다가 다시 포스트를 열면 새로 불러오는게 아니라 이전에 불러왔던 데이터를 다시 보여줍니다. 포스트 외에도 사용자 페이지, 태그 페이지, 메인 페이지 등 모두 캐싱이 됩니다.

4. Prefetching

v2 에서는 사용자의 이벤트에 따라 포스트를 Prefetching 하도록 구현하였습니다. 예를 들어서 다음 포스트에서 스크롤을 50% 이상 내리면, 이전/다음 포스트를 미리 불러옵니다. 그래서 포스트 링크를 눌렀을 때 로딩 없이 바로 다음 읽어야 할 포스트를 읽을 수 있답니다.

그 외에도, 포스트 리스트에서 포스트 카드 위에 마우스를 2초 이상 두면 포스트를 미리 불러옵니다. 몇초가 이상적일지 앞으로 데이터를 분석하여 최적의 시간을 알아볼 예정입니다.

5. 벨로그 제목

벨로그의 헤더 부분에 나타나는 제목을 커스터마이징 할 수 있게 했습니다. 기본 값은 USERNAME.log 입니다.

이 제목을 바꾸려면 우측 상단 유저 메뉴 클릭 -> 설정 페이지로 들어가세요.

6. 설정 페이지 개선

이전 벨로그 v1 에서는 설정 페이지를 너무 급하게 만들어서 사용성이 나빴는데 이번에는 조금 더 깔끔하게 사용자 설정을 보여줄 수 있도록 기획을 다시 했습니다.

7. 글쓰기 페이지 개선

마크다운 작성이 아직 익숙하지 않은 분들도 쉽게 작성 할 수 있도록 글쓰기 페이지를 개선했습니다.

출간을 하는 화면도 이전보다 훨씬 사용하기 쉽게 만들었습니다.

8. 태그 페이지

태그 페이지에서 태그의 이미지와 설명을 추가 할 수 있도록 수정하였습니다. 다만, 아직 이 부분은 수동적으로 운영자가 입력을 해야 합니다. 이는 추후 사용자도 입력 할 수 있도록 구현 할 예정입니다.

9. 태그 별명

태그에 별명을 설정 할 수 있도록 내부적으로 구현을 하였습니다. 예를 들어서 리액트 태그 페이지에 들어갔을 때 React 태그를 띄웁니다. 이 작업은 8번과 마찬가지로 아직까지는 운영자가 수동으로 작업을 진행해야합니다. 앞으로 사용 빈도가 높은 태그들을 위주로 별명을 설정할 계획입니다.

10. 사라진 기능들

  • 사용자의 활동을 조회 할 수 있는 기능이 사라졌습니다.
  • 포스트에서 코드의 테마를 커스터마이징 할 수 있는 기능이 사라졌습니다. 추후 다크모드를 지원하게 될 예정이라 어떻게 하는게 가장 좋을 지 고민을 하고 다시 되살리도록 하겠습니다.
  • 글쓰기 화면에서 레이아웃을 지정하는 (에디터와 미리보기를 키고 끌 수 있는) 기능이 사라졌습니다. 이는 추후 다시 도입 될 예정입니다.
  • 글쓰기 화면에서 임시저장 기록을 시간순으로 15개씩 불러오는 기능이 사라졌습니다. 그 대신에, 임시 포스트의 경우 포스트를 작성 할 때 가장 마지막으로 작성한 내용을 자동으로 불러오며, 만약 포스트를 수정하고 있는 경우엔 글쓰기 페이지에 들어왔을 때 가장 마지막으로 저장한 임시 글을 불러올지 말지 정할 수 있도록 하였습니다.
  • 모바일 환경에서는 글쓰기 지원이 되지 않습니다. 이 또한 추후 개선될 예정입니다.

기타 변경 사항

RSS Feed 주소가 다음과 같이 바뀝니다

https://v2.velog.io/rss
https://v2.velog.io/rss/velopert

기존의 api.velog.io로 시작하는 RSS Feed 주소는 아직까진 작동하지만 최신 포스트를 가져오지 않습니다. 추후 호환이 제대로 되도록 Redirect 처리 할 예정입니다.

버그 신고 부탁해요!

아직 벨로그를 개인이 운영중이기 때문에 QA를 충분히 하지 못해서 이번 배포 때 아직 못 잡아낸 버그들이 많습니다. 벨로그는 현재 오픈소스로 공개가 되어 있습니다. 버그가 있으면 다음 GitHub Repo 의 이슈에 등록을 해주세요!

클라이언트: https://github.com/velopert/velog-client/issues
서버: https://github.com/velopert/velog-server/issues

어디에서 발생하는 버그인지 확실하지 않다면 클라이언트에 등록해주시면 감사하겠습니다.

아직까지는 각 Repo에 문서 작성을 하지 못해서 PR 준비를 받을 준비가 제대로 되어있지 않지만.. 조만간 준비하여 누구든지 PR을 날려서 벨로그를 함께 개선해나갈 수 있는 환경을 준비하겠습니다.

profile
벨로그 공식 계정입니다. 공지사항 및 벨로그 프로젝트 관련 포스트를 올립니다.

83개의 댓글

comment-user-thumbnail
2020년 2월 9일

와 사이트가 진짜 이뻐졌네요👍👍👍
벨로그 늘 잘보고 있습니다

답글 달기
comment-user-thumbnail
2020년 2월 9일

벨로그가 정말 이뻐졌어요 ^_^

답글 달기
comment-user-thumbnail
2020년 2월 9일

고생하셨습니다!

답글 달기
comment-user-thumbnail
2020년 2월 9일

😄😄😄😄😄

답글 달기
comment-user-thumbnail
2020년 2월 9일

방금 둘러보고 왔는데 사용하기 훨씬 편해졌네요 👍 감사합니다!

답글 달기
comment-user-thumbnail
2020년 2월 10일

잘 쓰겠습니다~

답글 달기
comment-user-thumbnail
2020년 2월 10일

좋은 플랫폼 감사합니다. 잘 사용하겠습니다:)

답글 달기
comment-user-thumbnail
2020년 2월 10일

와 넘모 이뻐요!!

답글 달기
comment-user-thumbnail
2020년 2월 10일

구독하는 기능이 없어졌네요..........구독하고 받아볼 수 있는 기능 넣어주세요.................

1개의 답글
comment-user-thumbnail
2020년 2월 10일

velog 깃헙방문하고 프로젝트 아키텍처그림을 보고 궁금한게 생겨서 질문드립니다.

  1. 많은 RDBMS중 PostgreSQL 을 선택한 이유
  2. AWS RDB를 사용한것이 아닌 EC2에 빌트인으로 설치한 이유

개발자로서 개발스펙을 정할때 자주 고민하는 내용인데, 언제나 황금률은 없더라구요.
분명 아키텍처를 고안하실떄 많은 고민이 있었으리라 생각되어지는데 저 아키텍처가 나오기까지 어떤 생각의 흐름이 있었는지 궁금합니다.
(여기다가 이렇게 올려도 되는지 모르겠습니다 ..ㅎㅎ)

1개의 답글
comment-user-thumbnail
2020년 2월 10일

너무너무 고생 많으셨습니다.
라이브 코딩도 자주는 못 가봤지만 재밌게 만드셔서 잘 시청했습니다!

답글 달기
comment-user-thumbnail
2020년 2월 10일

너무 이뻐요!!

답글 달기
comment-user-thumbnail
2020년 2월 10일

너무 예뻐요 ✨ 고생 많으셨습니다

답글 달기
comment-user-thumbnail
2020년 2월 10일

사이트 변경과 동시에 오늘 작성한 글이 없어졌습니다... ㅜㅜ

1개의 답글
comment-user-thumbnail
2020년 2월 10일

좋네용~!

답글 달기
comment-user-thumbnail
2020년 2월 10일

감사합니다.
벨로그가 많이 성장하여 운영자님도 보답을 받기를 바랍니다.
V2가 되면서 편의성이나 직관성이 대폭 개선된 부분이 몸소 느껴집니다.

답글 달기
comment-user-thumbnail
2020년 2월 10일

와우 업데이트 감사합니다ㅎㅎ
문득 궁금해진게 이정도 서비스면 서버비용이 상당할듯한데 광고나 결제기능이 없는상황에서
서버비용은 사비로 처리하시는 건가요? 아님 추후에 비즈니스모델을 구축하실건지 궁금하네요

1개의 답글
comment-user-thumbnail
2020년 2월 11일

감사합니다. 사용성이 더 좋아졌네요.
혹시 가능하시다면 추후 수식도 나타날 수 있도록 포함할 수 있었으면 좋겠어요!!
항상 감사합니다.

답글 달기
comment-user-thumbnail
2020년 2월 11일

잘 사용하겠습니다 :) 감사합니다

답글 달기
comment-user-thumbnail
2020년 2월 11일

전 개인적으로 앞전v1 버전이 좋았던거같습니다.
또 개인적으로 태그들을 모아서 볼수있는 기능도있었으면 좋겠네요. v1에는 있었는데..

답글 달기
comment-user-thumbnail
2020년 2월 11일

전 개인적으로 앞전v1 버전이 좋았던거같습니다.
또 개인적으로 태그들을 모아서 볼수있는 기능도있었으면 좋겠네요. v1에는 있었는데..

1개의 답글
comment-user-thumbnail
2020년 2월 11일

굉장히 이뻐졋네요!

답글 달기
comment-user-thumbnail
2020년 2월 11일

글 작성 페이지가 정말 일품입니다
고생하셨고 축하드립니다!!

답글 달기
comment-user-thumbnail
2020년 2월 11일

혹시 가볍게 잡담같은거 할 수 있는 페이지 만드실 생각 없으신가요?

1개의 답글
comment-user-thumbnail
2020년 2월 11일

벨로퍼트님 짱짱

답글 달기
comment-user-thumbnail
2020년 2월 11일

와~ 매일마다 유투브 보면서 참 대단하시다 생각했는데 너무 고생 많으셨어요

답글 달기
comment-user-thumbnail
2020년 2월 12일

기존처럼 타일 형식으로 글들을 한눈에 볼 수 있는 기능이 있었으면 좋겠어요! 새로운 벨로그는 리스트 형식의 뷰로 단일화가 되었는데... 여러 글들을 슥슥 살펴보는 데에는 그게 더 편한것 같아요

3개의 답글
comment-user-thumbnail
2020년 2월 12일

기존 그리드 형식이 보기 편했는데 블로그 형식으로 바뀌게 되서 아쉽습니다ㅠㅠ 한 번에 원하는 글을 찾아볼 수 있다는 장점이 있었는데 카드 방식으로 변하고 나서 글을 찾기가 어려워졌습니다. 원하는 방식으로 선택할 수 있다면 더더욱 다양한 유저층을 지원할 수 있을 것 같습니다.

그리고 마음에 드는 글을 스크랩할 수 있는 기능이 있었으면 좋겠습니다. 요즘 양질의 글들이 벨로그로 올라오면서 벨로그는 검색 엔진에서도 쉽게 접할 수 있게 되었는데 문제는 그 글들을 스크랩할 수가 없어서 북마크에 저장해놓고 분류해야하는 단점이 있습니다. 물론 북마크가 있지만 어디서는 벨로그로 로그인하면 스크랩(다시 보기?)한 글들을 볼 수 있으면 좋겠습니다ㅎㅎ

2개의 답글
comment-user-thumbnail
2020년 2월 12일

사랑해요~

답글 달기
comment-user-thumbnail
2020년 2월 12일

항상 고생하십니다~!
다름이 아니오라, 벨로퍼트님 v1에서 본인 velog에서 태그 별로 게시글 모아져 있는 기능 부활시켜주시면 안될까요?ㅠ
제가 쓴 글을 좀 주제별로 모아보고 싶어서요!!

1개의 답글
comment-user-thumbnail
2020년 2월 12일

정말 이뻐졌어요

답글 달기
comment-user-thumbnail
2020년 2월 13일

사이트가 이뻐져서 좋아요~~
그런데 좋아요 누른 글을 어디서볼 수 있나요?

1개의 답글
comment-user-thumbnail
2020년 2월 13일

항상 잘보고 있습니다. ㅋㅋ
유툽 열심히 올려주세요 !!

답글 달기
comment-user-thumbnail
2020년 2월 14일

시리즈 중복 체크 스코프가 전체 회원 대상인가요, 아니면 단일 회원 대상인가요?
시리즈 명이 중복이라 생성할 수 없다는 메시지가 떠서요.
몇 일 전부터 사용하고 있는 플랫폼인데, 우선은 너무 만족하고 있습니다!!! :D

2개의 답글
comment-user-thumbnail
2020년 2월 14일

첫 화면 그리드 형식 돌려주세요.. 그리드 형식이 많은 포스트를 한 눈에 보여줘서 둘러보기도 편하고 작성자 입장에서는 노출 될 확률(?)이 높아서 좋습니다 ㅠ

1개의 답글
comment-user-thumbnail
2020년 2월 16일

시리즈를 다른 분하고 같이 쓸 수 있는 기능이 있으면 좋을 것 같습니다.
감사합니다. 잘 쓰고 있습니다 :)

답글 달기
comment-user-thumbnail
2020년 2월 17일

멋져요!! 포스트를 공개/비공개 설정할수 있는 기능도 있으면 합니다!!!

답글 달기
comment-user-thumbnail
2020년 2월 17일

와 정말 이뻐졌네요!
고생 많으셨습니다!

답글 달기
comment-user-thumbnail
2020년 2월 17일

몇 개는 이전의 것이 좋았는데 이전 버전과 혼합해서 사용하도록 만드는 건 더 복잡하겠죠?? 개인이 개발하시는데 정말 좋은 홈페이지인 것 같아요 응원합니다

1개의 답글
comment-user-thumbnail
2020년 2월 18일

정말 고생하셨습니다!! UI가 정말 이뻐졌네요 ㅎㅎ 계속해서 열심히 사용하겠습니다!!

답글 달기
comment-user-thumbnail
2020년 2월 19일

벨로그 너무 좋아요!!

답글 달기
comment-user-thumbnail
2020년 2월 19일

오른쪽 상단에 목차 미리보기+바로가기 가 있다가 없어진 것 같은데 가능하면 다시 만들어주세요ㅠ_ㅠ

1개의 답글
comment-user-thumbnail
2020년 2월 20일

포스트를 작성할 때 제목-태그입력-마크다운 까지의 영역이 모두 고정되어있어서 실제로 작성 창의 높이 (스크롤 영역이)가 짧다고(좁다고) 느껴지는데 혹시 마크다운 라인만 고정되도록 해주실 수 있나요?

2개의 답글
comment-user-thumbnail
2020년 2월 23일

민트색 너무 상큼하고 좋습니다! 그런데 아직 초기라서 그런지 게시물 올릴 때 오류가 좀 많네요.... 반응형 설정오류인지 게시하기 버튼도 화면 비율에 따라 보이지 않고요... 새글작성도 화면 크기에 따라서 아예 사라지네요...ㅠㅠ 시리즈가 10개 정도 늘어면 게시하기 버튼이 화면에서 사라져요(스크롤안됨)

3개의 답글
comment-user-thumbnail
2020년 2월 25일

언제나 열심히하시는 벨로퍼트님 참 멋져요

답글 달기
comment-user-thumbnail
2020년 2월 25일

1

답글 달기
comment-user-thumbnail
2020년 3월 3일

오 업데이트 되었다!!

답글 달기
comment-user-thumbnail
2020년 3월 5일

아 개인이 운영하시는 거였군요!!
오래오래 운영하세요^^

답글 달기
comment-user-thumbnail
2020년 3월 13일

벨로그님 혹시 다크모드가 있나요? 글을 작성할 때 하얀 화면이라 눈이 아프네요 ㅠ

1개의 답글
comment-user-thumbnail
2020년 4월 4일

시리즈 다음글이 매우 빨리 불러와진다 생각했는데 Prefetching 때문이였군요
좋네요

답글 달기
comment-user-thumbnail
2020년 4월 11일

짱입니다

답글 달기
comment-user-thumbnail
2020년 4월 15일

대단하십니다. Postgresql에서 elasticsearch 로 넘어가셨다고 했는데 게시글 내용 자체의 저장도 엘라스틱으로 하신다는 건가요??

1개의 답글
comment-user-thumbnail
2020년 5월 13일

글을쓸때 여태 제가쓴 태그명들을 볼 수 있었으면 좋겠어요!
글쓰다가 태그명이 생각안나서 새탭->벨로그 -> 내정보로 가서 확인하는일이 잦네요 ㅠ ㅠ

답글 달기
comment-user-thumbnail
2020년 5월 14일

최고!!👍👍👍

답글 달기