프로젝트

#1 기획단계 및 UI 작업

user-anonymous 2021. 11. 19. 22:17
728x90

드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 

회사마다 다를 수 있지만 현재 본인이 다니고 있는 회사인 경우 신입들이 올 때마다 이름표를 한명, 한명씩 수동으로

제작한다.  (각각 이름넣고,,, 직급넣고,, PRINT) X (신입사원 또는 직급 변동 수) 나는 이게 너무 귀찮아보였다.  

 

그리하여 본인이 사용자에게 엑셀 형식만 맞도록 요구하고, 그 틀 안에서만 이름표에 필요한 직원의 데이터를 가진 명단을 업로드 하면 이를 자동적으 이름표를 만들어주는 제네레이터를 개발하고자 한다.

 

- 계기 : 사람 수 만큼 수동적으로 이름표를 만드는데 소비되는 시간이 불필요해 보임

- 해결법 : 시스템에서 업로드 된 직업 명단에 따라 자동으로 이름표 만들어주는 제네레이터 생성 

- 유사 프로그램 조사

   - 망고보드

   - 미리캔버스

해당 대표적인 망고보드와 미리캔버스 두개의 소프트웨어도 이름표 제작이 가능하지만 배치처리 기능은 없다.

 

- 필요한 기능 

    - 직원 엑셀 업로드 (EX : 사진, 이름, 직급)

    - 자유로운 변수 데이터 이동 (해당 업로드된 엑셀파일의 변수를 추출)

    - print 기능

    - 앞면, 뒷면 배경 png 불러오는 기능

    - ...

 

- 1차 UI 작업

일단 짚고 나가야할 것은 나는 디자인 감각이 1도 없다. 그래도 정성들여 피그마를 통해 UI를 제작했다.

(엣헴)

 

이번 프로젝트를 진행하며 사용할 환경은

- vsCode

- React.js 

- styled-components 

를 사용할 예정이다. 

 

 

728x90
반응형