썸네일 생성기 (Thumbnail Generator)

블로그 등 썸네일이 필요할 때 웹에서 간단하게 썸네일을 만들 수 있도록 도와주는 웹서비스입니다.

크기, 텍스트, 배경 설정 3가지 기본적인 기능을 제공합니다.

빌드업을 통해 추가기능 업데이트 예정입니다.

 

기술스택 : React 17.0.x

상태관리 : Context API

 

-

썸네일 생성기 바로가기

https://thumbnail-generator-bay.vercel.app/

Awesome Thumbnail Generator - Blog Post, Etc.

 

---

 

크기 설정

크기설정 - Size

 

텍스트 설정

크기 / 자간 / 굵기 / 색상 / 글꼴을 설정할 수 있습니다

텍스트 설정

 

배경 설정

단색, 그라디언트, 이미지업로드를 통해 배경을 설정할 수 있습니다

 

드래그 앤 드랍

텍스트 항목에 대해 드래그 앤 드랍을 지원하여

사용자가 원하는 위치에 텍스트들을 배치할 수 있습니다.

 

 

---

DOM 컨트롤을 좀 더 자유롭게 공부해보고 싶은 마음에 시작한 사이드 프로젝트입니다.

기능면에서 많이 부족하지만 누군가에게는 아주 쬐~금 도움이 되는 서비스가 되길 바랍니다.

업데이트를 통해 기능들은 앞으로도 추가되고 개선될 예정입니다.

 

 

감사합니다