Showing
1 changed file
with
29 additions
and
20 deletions
| ... | @@ -7,36 +7,45 @@ | ... | @@ -7,36 +7,45 @@ |
| 7 | <br> | 7 | <br> |
| 8 | <br> | 8 | <br> |
| 9 | <h3>css 폴더</h3> | 9 | <h3>css 폴더</h3> |
| 10 | -> 스타일에 대한 class와 id가 저장됨 | 10 | +> 스타일에 대한 class와 id가 저장됨<br> |
| 11 | > > style.css : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/css/style.css> | 11 | > > style.css : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/css/style.css> |
| 12 | <br> | 12 | <br> |
| 13 | <br> | 13 | <br> |
| 14 | <h3>html 폴더</h3> | 14 | <h3>html 폴더</h3> |
| 15 | -> 웹페이지의 양식을 표현하며, style.css를 이용함 | 15 | + 웹페이지의 양식을 표현하며, style.css를 이용함<br> |
| 16 | -> > 1. index.html은 홈이며 악질 직업을 생성하는 페이지이다. | 16 | + 1. index.html은 홈이며 악질 직업을 생성하는 페이지이다.<br> |
| 17 | -> > > index.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/index.html> | 17 | + <img src="/img/indexHtml.png"><br> |
| 18 | -> > 2. detail.html은 나의 웹에 대한 설명이 담긴 페이지다. | 18 | + index.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/index.html> |
| 19 | -> > > detail.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/detail.html> | 19 | + 2. detail.html은 나의 웹에 대한 설명이 담긴 페이지다.<br> |
| 20 | -> > 3. statistics.html은 방문자 통계 그래프를 그려주는 페이지다. | 20 | + <img src="/img/detailHtml.png"><br> |
| 21 | -> > > statistics.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/statistics.html> | 21 | + detail.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/detail.html> |
| 22 | + 3. statistics.html은 방문자 통계 그래프를 그려주는 페이지다.<br> | ||
| 23 | + <img src="/img/statisticsHtml.png"><br> | ||
| 24 | + statistics.html : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/html/statistics.html> | ||
| 22 | <br> | 25 | <br> |
| 23 | <br> | 26 | <br> |
| 24 | <h3>js 폴더</h3> | 27 | <h3>js 폴더</h3> |
| 25 | -> 웹을 동적으로 만들어주는 기능들을 담은 폴더 | 28 | + 웹을 동적으로 만들어주는 기능들을 담은 폴더 |
| 26 | -> > 1. common.js는 글자수 제한에 관한 기능이 담겼다. | 29 | + 1. common.js는 글자수 제한에 관한 기능이 담겼다.<br> |
| 27 | -> > > common.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/common.js> | 30 | + <img src="/img/글자수제한.png"><br> |
| 28 | -> > 2. contents.js는 악질 직업을 생성하는데 필요한 단어들이 어레이 형태로 저장된 곳이다. | 31 | + common.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/common.js> |
| 29 | -> > > contents.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/contents.js> | 32 | + 2. contents.js는 악질 직업을 생성하는데 필요한 단어들이 어레이 형태로 저장된 곳이다.<br> |
| 30 | -> > 3. generate.js는 contents.js에 담긴 단어를 규칙에 맞게 조합하여 result를 만들어주는 기능이 담겼다. | 33 | + <img src="/img/컨텐츠생성.png"><br> |
| 31 | -> > > generate.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/generate.js> | 34 | + contents.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/contents.js> |
| 32 | -> > 4. josa.js는 조사의 구분이 필요한 특별 케이스에 조사를 붙여주는 기능이 담겼다. | 35 | + 3. generate.js는 contents.js에 담긴 단어를 규칙에 맞게 조합하여 result를 만들어주는 기능이 담겼다.<br> |
| 33 | -> > > josa.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/josa.js> | 36 | + <img src="/img/result.png"><br> |
| 34 | -> > 5. statistics.js는 amChart 모듈을 이용해 방문자 통계 데이터를 데이터베이스에서 가져와 그래프를 그려주는 기능이 담겼다. | 37 | + generate.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/generate.js> |
| 35 | -> > > statistics.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/statistics.js> | 38 | + 4. josa.js는 조사의 구분이 필요한 특별 케이스에 조사를 붙여주는 기능이 담겼다.<br> |
| 39 | + 예 : oo을/를 선물받고좋아하는 | ||
| 40 | + josa.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/josa.js> | ||
| 41 | + 5. statistics.js는 amChart 모듈을 이용해 방문자 통계 데이터를 데이터베이스에서 가져와 그래프를 그려주는 기능이 담겼다.<br> | ||
| 42 | + <img src="/img/chart.png"><br> | ||
| 43 | + statistics.js : <http://khuhub.khu.ac.kr/2019102216/opensource_term_project/blob/master/js/statistics.js> | ||
| 36 | <br> | 44 | <br> |
| 37 | <br> | 45 | <br> |
| 38 | <h3>app.js 파일</h3> | 46 | <h3>app.js 파일</h3> |
| 39 | -> node.js를 이용해서 백엔드를 구현했으며, 데이터베이스에 데이터 인설트, 특정 페이지에서 데이터를 호출하는 등의 기능을 구현했다. 또 https 연결을 위해서 openssl에서 인증서를 받아와 연결했다. | 47 | + node.js를 이용해서 백엔드를 구현했으며, 데이터베이스에 데이터 인설트, 특정 페이지에서 데이터를 호출하는 등의 기능을 구현했다. 또 https 연결을 위해서 openssl에서 인증서를 받아와 연결했다. |
| 40 | <br> | 48 | <br> |
| 41 | <br> | 49 | <br> |
| 50 | +<h4>클론에 관한 공지</h4> | ||
| 42 | <h3>이 프로젝트는 MIT LICENSE를 바탕으로 진행되었습니다. MIT LICENSE를 따르신다면, 이 프로젝트를 마음대로 클론해가도 됩니다.</h3> | 51 | <h3>이 프로젝트는 MIT LICENSE를 바탕으로 진행되었습니다. MIT LICENSE를 따르신다면, 이 프로젝트를 마음대로 클론해가도 됩니다.</h3> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment