[SideProject]Banner-Maker DEMO

만들게 된 배경

소프트웨어학과를 전공하면서 검은 cmd창만 보고 json형태로 결과를 출력하고, 시각적인 결과물을 전혀 내놓지 못했다. 웹에 대해서는 무지하기도 하고 해서 React공부를 간단하게 하면서 아~~주 기본적인 웹프로그래밍이라도 할 줄 알게 되는 것이 목표였다.

기존에 벨로그에서 나름 핫한 배너생성기가 있다. 하지만 백그라운드로 가져올 수 있는 사진이 오롯이 랜덤이었기 때문에 그 불편함을 해소하고자 새로운 형태의 배너생성기를 제작하고자 하였다.
아래 텍스트를 클릭하여 배너생성기를 실행해볼 수 있다.

데모버전 실행

아래 로고를 클릭하면 데모버전을 실행할 수 있다. 로고는 이미지에 글을 써 배너를 만든다는 이미지에서 flaticon의 무료 아이콘을 두 개 합쳐 만들었다.

https://donggni0712.github.io/banner-maker/

기능 설명

해당 프로젝트에서 구현된 기능은 아래와 같다.

이미지 태그로 이미지 불러오기	이미지 URL로 이미지 불러오기

파일로 이미지 업로드하기	단일 색상 선택하기

Text

글자 입력 및 폰트 선택	글자 색상 선택하기

Download

맨 아래 다운로드 버튼 클릭으로 다운로드 가능