1. 개요

velog에 썸네일이 없는 게시글이 너무 많다.
velog 썸네일 크기에 맞는 마땅한 이미지를 찾는 것도, 제목을 매번 입력하는 것도 귀찮았다. 어떻게 쉬운 방법이 없을까?

찾아보니 썸네일을 만드는 사이트는 이미 있었다.

#Thumbnail Maker
https://wonkooklee.github.io/thumbnail_maker/

배경이미지와 제목을 입력하기에 편리하지만
게시글마다 제목을 직접 입력해야하는 점,
게시글마다 매번 업로드해줘야 하는 점,
특정 시리즈에 같은 이미지를 계속 적용하고 싶은 경우 배경 이미지url을 어딘가에 남겨두어야 하는데 어렵다는 점 등 불편함이 있었다.

게시글 제목(제목), 시리즈 제목(분류)을 크롤링해서
시리즈별 선택된 썸네일 이미지에
텍스트 내용, 스타일 등을 일괄 적용하고
그렇게 생성된 이미지를 velog인증 정보와 게시글 update API를 이용해서
일괄 업로드하는 편리할 것 같다.

2. 계획

2-1. 목표 기능

1. 소셜로그인 - Velog 인증 정보 가져오기: userId, accessToken
2. userId로 시리즈title, 시리즈href 크롤링 및 DB 저장
3. userId와 시리즈Id로 게시글title, 게시글href 크롤링 및 DB 저장
   (비공개 게시글 경우 인증 정보 필요)
4. 시리즈 리스트 조회
5. 특정 시리즈의 게시글 리스트 조회
6. 랜덤 이미지 생성 및 선택한 이미지url을 DB에 저장
   (호스팅된 이미지이므로 s3 필요없음)
7. 좋아요 이미지 리스트 조회
8. 좋아요 이미지에 닉네임 추가 기능
9. 특정 시리즈에 적용할 이미지 선택
10. 이미지 일괄 적용 요청 : 게시글 title 가운데 배치 → 확인 → s3에 userId>시리즈>title명.jpg 저장 및 url정보 db저장
11. Velog 게시글 업데이트 api, 인증정보 이용하여 각 게시글에 썸네일 저장.

2-2. DB 다이어그램

https://dbdiagram.io/d/6470adbf7764f72fcfe81dd4

다음에는 간단한 배경 이미지 생성기를 만들어 보겠다