악질 직업 생성기
접속 주소 : (https://www.randomjob.site:23023)
본 과제는 [악질이름생성기](https://name.ho9.me/)에서 영감을 받아 만들었습니다.
최근 사촌동생이 재밌다고 보내준 [악질이름생성기](https://name.ho9.me/) 는 간단하게 사용할 수 있고 동시에 금방 즐길 수 있는 인스턴트 엔터테이먼트였다. 나도 그렇지만 최근 많은 사람들이 이렇게 간단하게 즐길 수 있는 서비스를 선호하는 편이다. 위 사이트같이 간단한 사이트는 금방 새로운 사이트로 변신할 수 있으며, 또 금방 퍼질 수 있는 속성을 가졌다. 따라서 새로운 버전을 만들어 유포함과 동시에 이러한 인스턴트 엔터테이먼트가 할 얼마나 이용될 수 있는지 통계해보고자 이 사이트를 만들기로 하였다.
css 폴더
스타일에 대한 class와 id가 저장됨
style.css : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/css/style.css)
html 폴더
웹페이지의 양식을 표현하며, style.css를 이용함
- index.html은 홈이며 악질 직업을 생성하는 페이지이다.
index.html : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/index.html)
- detail.html은 나의 웹에 대한 설명이 담긴 페이지다.
detail.html : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/detail.html)
- statistics.html은 방문자 통계 그래프를 그려주는 페이지다.
statistics.html : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/statistics.html)
js 폴더
웹을 동적으로 만들어주는 기능들을 담은 폴더
- common.js는 글자수 제한에 관한 기능이 담겼다.
common.js : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/common.js)
- contents.js는 악질 직업을 생성하는데 필요한 단어들이 어레이 형태로 저장된 곳이다.
contents.js : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/contents.js)
- generate.js는 contents.js에 담긴 단어를 규칙에 맞게 조합하여 result를 만들어주는 기능이 담겼다.
generate.js : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/generate.js)
- josa.js는 조사의 구분이 필요한 특별 케이스에 조사를 붙여주는 기능이 담겼다.
예 : oo을/를 선물받고좋아하는 josa.js : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/josa.js)
- statistics.js는 amChart 모듈을 이용해 방문자 통계 데이터를 데이터베이스에서 가져와 그래프를 그려주는 기능이 담겼다.
statistics.js : (http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/statistics.js)
app.js 파일
node.js를 이용해서 백엔드를 구현했으며, 데이터베이스에 데이터 인설트, 특정 페이지에서 데이터를 호출하는 등의 기능을 구현했다. 또 https 연결을 위해서 openssl에서 인증서를 받아와 연결했다.