QCA: Quality Control Automation
QCA는 수기로 모든 항목을 점검하는 현 전자정부 웹사이트 품질 진단 과정을 자동화하여 평가 결과와 개선점을 제시하는 서비스입니다.
Google Lighthouse API와 W3C Validator API를 이용해 행정안전부가 개정한 품질관리 수준진단 가이드에 따라 접근성, 호환성, 접속성, 개방성을 진단합니다.
React : 18.2.0
라이브러리 : package.json
Java : 11
SpringBoot : 2.7.2
라이브러리 : build.gradle
Google에서 2016.08.05부터 관리한 오픈 소스 소프트웨어로, 2022.11.09 기준 오픈된 이슈 528개, 닫힌 이슈 7914개, 커밋 수 5433개로 매우 활발히 발전하고 있습니다.
웹 사이트를 다양한 접근성, 호환성, 접속성 지표를 사용하여 평가하고 그 결과를 얻는데 사용합니다.
W3C에서 2014.10.13부터 관리한 오픈 소스 소프트웨어로, 2022.11.09 기준 오픈된 이슈 157개, 닫힌 이슈 999개, 커밋 수 4177개로 매우 활발히 발전하고 있습니다.
웹 사이트 내 HTML / CSS / SVG 에서의 오류를 검출하는데 사용합니다.
git clone https://github.com/bsonCrew/QCA_Client.git
이후 프로젝트에서 사용할 의존성 설치 명령어는 다음과 같습니다.
npm installyarnlocalhost:3000에서 실행 시에는 다음과 같이 실행할 수 있습니다.
npm startyarn startgit clone https://github.com/bsonCrew/QCA_Server.git
이후 프로젝트 폴더로 이동하여 프로젝트의 설정 정보를 추가해야 합니다.
서버는 Google Lighthouse API와 W3C Validator API를 사용해야 합니다. 따라서 NPM을 설치하고 해당 패키지를 다운받도록 합니다.
- 이때 W3C Validator는 QCA_Server 디렉토리의 상위 디렉토리에서 설치하도록 합니다.
// lighthouse 설치
npm install -g lighthouse
// Validator 설치
npm install --save vnu-jar
이후 다운받은 패키지들을 사용할 수 있도록 먼저 프로젝트 폴더 내의 src/main/resources에 application.properties 파일을 추가합니다.
그리고 아래와 같은 4개의 경로 변수를 지정합니다.
filePath={QCA_Server의 상위 디렉토리까지의 절대 경로}
utilPath={QCA_Server부터 프로젝트 내의 util 디렉토리까지의 절대 경로}
vnuPath=/node_modules/vnu-jar/build/dist/vnu.jar
outputPath=/QCA_Server/src/output/
설정을 완료했다면, Lighthouse 결과물을 저장할 src/output 폴더를 생성합니다.
이제 설정이 완료되었습니다. 아래의 명령어를 통해 프로젝트를 정상적으로 빌드하고, 서버를 실행시킬 수 있습니다.
gradle build
java -jar QualityControlAutomation-0.0.1-SNAPSHOT.jar
QCA는 Apache 2.0 License를 따르는 오픈 소스 프로젝트입니다.
아래의 가이드를 따라 QCA의 일원이 되어주세요.
Setting up your project for healthy contributions
<type>[optional scope]: <description>
[optional body]
[optional footer(s)]
QCA는 어떤 방식으로 동작하나요?
데모로 확인하실 수 있습니다.
