취약점 통계 사이트 구축

github : https://github.com/jujoohwan/Vulnerability_Web

jujoohwan/Vulnerability_Web

Contribute to jujoohwan/Vulnerability_Web development by creating an account on GitHub.

github.com

---

기존에는 Github gh-pages 모듈을 이용하여 프론트 서버를 호스팅하려고 하였으나

라우팅 문제에서 gh-pages에서 라우팅 지원에서 예상치 못한 오류 (GitHub pages 가 SPA 를 지원하지 않기 때문)를 발견하여 알아보았으나 생각보다 까다로웠다.

​

그래서 Firebase를 이용하여 auth 와 데이터베이스 를 이용하면서 호스팅까지 해주기에 Firebase 를 사용하기로 하였다. (github는 소스코드 관리용)

​

하지만 Firebase Database는 json 형태로 저장 (No sql) 하므로 정규화시켜 저장하였다.

즉 csv,xlsx로 만들어진 엑셀파일을 정규화 시켜야 한다.

​

이 정규화 시키는 작업을 react로 하여야할지 , node.js를 사용하여야 할지 고민이다.

인증(auth)을 타 플랫폼(Google,Github,facebook) 으로도 가능하게 하여 사용자가 넣어놨던 정규화된 csv, xlsx파일을 json으로 변환하여 차트 View 로 보여주는 것이다.

​

---

​

통계 페이지 계획 : server_이 라이브러리를 이용하여 통계(행,열)에 있는 엑셀 데이터를 가져와서 일단 server_vulnerability 여기에 엑셀파일을 넣으면 통계와 차트를 보여준다.

그 후 그 데이터를 json 형태로 Firebase에 저장시킨다.

그리고 user_info 페이지에 가면 그 사용자가 점검한 패치 통계 내용을 띄운다.

​

​

지금 현재 진행 상황은 login 창에서 알수없는 오류로인해 곤황을 겪고 있다.

일단 지금은 csv,xlsx 파일을 server_vulnerability 에서 입력받아 통계를 보여주는 창을 구현하는 것이다.

그러기 위해선 csv,xlsx 데이터를 처리하기 위한 라이브러리가 필요하다.

​

Spread.JS 를 사용하기로 결정하였고 통계를 보여주고 정규화를 시키고 json형태로 변환하여 Firebase에 저장시키는 동시에 User_Info 창에서 취약점 검사를 한 결과를 보여주는 것이다.

 

---

​

어려웠던점

​

* 리액트의 Hooks를 관리하기엔 본인 실력이 부족하였다.

* JavaScript의 이해력이 부족하였다.

( 1달 동안 JavaScript 를 이해하기엔 부족하였다. 클론코딩을 하면서 부족하였던 점을 배워가야겠다.)