[다모아 : 회고] 2024.10.21(프로젝트 여섯번째 날) 회고록 - 전자서명 기능 구현, 전자계약서 기능 연구

[다모아 : 회고] 2024.10.21(프로젝트 여섯번째 날) 회고록 - 전자서명 기능 구현, 전자계약서 기능 연구

 

1. 핵심 기능 로직 토의

• 생각보다 핵심 기능의 로직이 길고, 복잡해져서 // 선생님의 조언 하에 기존에 상의했던 로직을 더욱 단순화하기로 결정했다. 기능을 구현하는 우리에게도 복잡하게 느껴진 로직이지만, 실제 사용되고 있는 사이트들(위시켓, 원티드긱스 등..)의 로직을 그대로 따라가려고 하다보니 많아진 것 같다. 
• 어떤 기능을 빼고, 어떤 부분을 간소화할지 명세님과 함께 이야기해보기로!

 

 

2. 전자 서명 기능 구현

• (1) HTML <canvas> 속성을 통해 canvas에 그림을 그리고, (2) 해당 정보를 서버로 전송해 (3) 이미지를 저장하고 (4) 해당 이미지의 파일명, 유저 id, 생성일자를 DB에 저장하게끔 했다. 
• 생각보다도 어렵지 않은 기능이었다. <canvas> 태그는 처음 사용해봤지만, 태그를 사용하는 것보다는 <canvas>에 그려진 그림을 javascript로 서버로 보내고, 그 데이터를 다시 이미지 파일로 가공하는 과정이 복잡했다. (canvas-> URLToData -> String -> Base64 데이터-> 디코딩)나중에 더 자세하게 공부를 해야겠다.

 

 

3. 전자 계약서 기능 연구

• 만들어진 전자 서명을 통해 전자 계약서 기능을 구현하려고... 기존 사이트의 기능들을 사용해보는데(모두싸인) 너무 복잡했다. (1) 먼저 텍스트에디터를 통해 계약서 양식을 만들고, (2) 해당 계약서 양식을 이미지로 만들어, (3) 그 위에 텍스트박스나 이미지를 붙일 수 있게 가공한 것 같았다. // 왜 이런 식으로 기능을 만든걸까? 생각했는데, 사용자가 계약서를 직접 만들어 쓸 수 있는 시스템이라.... 하나하나 HTML 양식과 태그로 가공하기가 어려울 것 같았다. 
• 처음 목표는 관리자가 여러 계약서 템플릿을 만들고, 자유롭게 사용할 수 있게끔 하고 싶었는데... 생각보다 너무 복잡해서, 하나의 템플릿만 만들되 기능을 탄탄하게 만들기로 계획을 바꿨다. HTML파일을 PDF로 바꾸는 라이브러리가 있어 그걸 써볼까싶다.