박 재성

NameTag Project

Background.png

드래그 하여 업로드!

1. 배경 이미지 업로드

*명찰의 배경 이미지를 업로드 하는 기능입니다. *html form으로 업로드 기능을 구현하였습니다. *버튼은 css framework인 bootstrap을 사용하였고 JavaScript로 Drag & Drop기능을 구현하였습니다.

드래그 하여 업로드!

data.csv

2. 엑셀 파일 업로드

*html form으로 업로드 기능을 구현하였습니다.*버튼은 css framework인 bootstrap을 사용하였고 javaScript로 Drag & Drop기능을 구현하였습니다.

3. 위치 지정하기

*배경 이미지에서 어떤 위치에 텍스트를 놓을지 사용자가 마우스로 드래그하여 설정하는 기능입니다. *사이즈, 폰트, 색상 등을 변경할 수 있게 했습니다.*각 칼럼(이름, 소속, 직책, 전화번호)의 대표 값은 칼럼 중 가장 긴 문자열을 기준으로 정하였습니다.

절취선

4. 완료

프로젝트 개발 시 설계한 DB table입니다.

박 재성

THANK YOU