[개인] 카스 전자 저울 연동 Packing List 자동 생성 프로그램 #5 | print-js 이용한 인쇄 기능 추가

| 구현 기능 목록 및 진행 현황

☑ xlsx 파일을 읽어와 사용자가 입력한 로트번호를 조회

☑ 조회한 정보 수정 기능

☑ 고객사 정보 관리(모달): ☑ checkbox 고객사 삭제 기능

☑ 조회 정보 페이징

☑ Packing List 생성, 인쇄, xlsx  내보내기(모달): ☑ Packing List 생성, ☑ 인쇄, ☑ xlsx  내보내기

☑ 스타일 작업(Bootstrap)

 

| 이슈

npm의 print-js를 이용해 간단하게 Packing List modal을 출력하는 기능을 완성했다. 처음에는 어떤 모듈을 써야 할지 몰랐는데 조금만 검색해도 이거면 되겠구나 싶었다.

https://www.npmjs.com/package/print-js

print-js

 

| 다음 단계

계획했던 모든 기능의 구현을 완료하였다. 부트캠프를 통해 router, axios, vuex 등의 기능도 배웠지만 이번 프로젝트에는 적용하지 않았다. 그런데 axios를 이용한 고객사 정보의 서버 연동을 생각하다가 어차피 로컬에서 사용할 프로그램이라면 text 파일로 고객사 정보를 관리해도 되지 않을까 하는 생각이 들었다. 그래서 고객사 정보를 text 파일로 읽고 쓰는 기능을 구현해보고 마무리짓기로 했다.

 

[그림 1] Packing List 모달에 인쇄 버튼 추가

 

[그림 2] Packing List 인쇄 화면