전자정부 규격 코드 검사 (일부 JS 파일 체크)

 

 

미리 자바 개발 환경은 구축되어있다는 관점에서 이야기하겠습니다. 먼저 간단하게 전자정부 프레임워크란 정부, 공공기관, 공기업 등의 웹사이트에 자주 쓰이는 공통 기능들을 Java Spring 프레임워크와 유명 라이브러리로 미리 만들어놓은 공통 컴포넌트와 개발환경, 실행환경, 운영환경, 관리환경 등으로 구성됩니다.

 

출처 : https://www.egovframe.go.kr/EgovEnvRun.jsp (누르면 이동합니다)

 

 

 

 

전자정부표준프레임워크 서비스

 

다운로드는 아래에서 다운로드 → 개발환경 → 버전다운로드 → 개발자용 개발환경을 다운로드해 줍니다.

 

eGovFrame Portal 온라인 지원 포탈

 

 

 

 

일부 코드 점검

 

다운받은 파일의 압축을 풀은 후, Ecplise 폴더로 들어가 이클립스를 실행해줍니다. 각 버전 넘버가 적힌 eGovFrame 로고가 뜨면서 프로그램이 실행됩니다. workspace를 설정해주고 (workspace를 C에 설정했을 경우 마우스 우클릭>관리자 권한으로 실행)새로 실행했을 경우 Eclipse>Window>Perspective>Open Perspective>Other로 들어가 팝업에서 eGovFrame 를 선택합니다. 

 

 

이클립스 실행 → Dynamic Web Project 생성(혹은 eGovFrame Web Project) 합니다. ProjectName을 임의로 설정하고 Maven Setting이 필요할 경우 Id를 설정합니다. Generate Example을 클릭하면 예제 소스 생성도 가능합니다. (출처)

잘 진행되었나 Package Explorer를 확인합니다. WebContent > WEB-INF 폴더 하단에 검사할 파일들을 담을 폴더 생성(JS) → 검사할 JS파일들 복사 붙여넣기 → JS 폴더 우클릭 후 PMD > Check Code를 클릭하여 실행합니다.

 

 

 

위와 같은 과정을 따르면 JS 파일들이 규격에 맞는지 검사되고, 색색깔의 삼각형(▶) 모양의 오류들이 나타납니다. 아직 빨간색, 초록색만 봤는데 빨간색은 위험, 초록색은 중간 위험...이런 것 같은데 다 고쳐주고 있습니다. 

오류 각각을 누르면, 고쳐야 할 부분으로 자동 이동됩니다. 그 이유, 개선하면 좋을 방향들을 Show Detail 을 눌러 그 내용을 참고하여 고쳐나가면 됩니다. 웹사이트로 연결되는 친절한 가이드도 있습니다.

 

 

위 캡쳐는 제가 개발한 코드가 아니라 jquery 기본 라이브러리지만, 이미지가 필요해서 캡쳐해봤습니다. 

검사를 돌리고 나왔던 자주 겹쳤던 오류들로 전역 변수 오류(window.를 앞에 삽입하거나 지역변수로 변경하거나), es6 ecma 규격으로 변경(==보다 ===권장), if 문의 중괄호 확인(if(){}), if-else문에서 if에 return이 있다면 불필요한 else문 없애고 밖으로 빼기 등이 있었습니다.