OSS WEB은 블록체인 기반 동의서 제작에서 양식 제작 부분을 담당한다 개발에서 가장 신경썼던 건 어떻게 사용자가 편하게 동의서 양식을 제작할 수 있는지 였습니다. 기획 단계에서 DND 오픈소스를 이용해 드래그 기능으로 사용자가 편하게 블록들을 옮기는 게 좋겠다는 의견이 나왔고 그 의견들을 토대로 최종적으로 beautiful-dnd 오픈소스를 사용하게 되었습니다.
동의서가 필요한 기관들은 필요한 양식들을 하나하나 찾아봐야 합니다. 또 기관들은 어떻게 책임조항, 안전수칙 등 이러한 것들을 배치할지도 고민해야 합니다.
이러한 고려사항들을 해결하고 싶었고 그 해결방안으로 카테고리별로 각 조항들을 담고 있는 블록, 드래그 기능을 이용한 블록배치, 그리고 프리뷰 화면을 구현해 보다 편리하게 동의서를 제작할 수 있도록 하였습니다.
1. 드래그 앤 드롭으로 블럭들을 옮기는 기능
2. 블럭들을 클릭하면 한꺼번에 옮기는 기능
3. 리셋 버튼을 누르면 After화면과 맨 우측 화면 리셋 기능
4. Register Template 을 누르면 동의서 양식 렌더링
5. Submit Template 을 누르면 동의서를 서버에 제출
아래와 같은 환경을 권장합니다.
| service | version |
|---|---|
| React | 18.2.0 |
| node.js | 9.5.1 |
| Icon | Stack | Description |
|---|---|---|
 |
HTML5 | HTML |
 |
CSS | design for HTML |
 |
JS | Business Logic |
 |
React | React |
 |
NodeJs | npm |