본문 바로가기

it/www

Code Finder Code Finder개요C/C++ 해더 파일에 enum 또는 define 되어 있는 상수명을 파싱해서 검색해줍니다.ReactJS를 스터디 하기 위해 시작했습니다.C/C++ 해더 파서는 https://github.com/lmk/c_define_parser 를 사용 했습니다.https://github.com/lmk/code_finder 설치git clone https://github.com/lmk/code_finder.git cd code_finder npm install npm run build실행npm run start웹브라우져를 연다.http://localhost:3000/내 해더 파일을 사용하는 방법/build/config.json 파일을 수정합니다.{ "list": [ { "id" : "5RAcQe.. 더보기
FAQ html 템플릿 개요FAQ를 워드나 엑셀이 아니고, html로 만들고자 합니다. 문서를 보기 위해서는 인터넷이 되어야 한다는 단점은 있지만, 추가 프로그램(워드, 엑셀)의 설치가 필요없고 웹브라우져만 있으면 볼수 있다는 장점이 있습니다. 그리고 반응형 웹페이지로 만들면 워드나 엑셀에서는 구현하기 어려운 효과들도 넣을 수 있습니다. 필수 조건카테고리 구분이 되어야 한다.FAQ 본문은 추가/수정을 쉽게 하기 위해 json 구조로 관리되어야 한다.답변 데이터는 markdown 문법을 지원해야 한다.html 파일 하나로 내용을 볼 수 있어야 한다.(jquery, Bootstrap등은 CDN사용) 사용한 LibraryFAQ 탬플릿 중에 깔끔하다고 판단되는 Bootstrap FAQ를 사용했습니다.markdown 파서는 gfm 지원.. 더보기
카카오톡 그룹 채팅방 통계 [ 개요 ] 카카오톡의 기능 중에 "대화내용 이메일로 보내기"라는 기능이 있습니다. 이 기능을 사용하면, 대화 내용이 포함된 Text파일이 생성되는데, 이 Text 파일을 사용해서 누가 몇건의 챗팅을 보냈는지 통계를 내는 Web 페이지를 만들어봤습니다. HTML과 Javascript로만 구현되어 있어서, 웹서버 없이 Local에서도 실행이 가능 합니다. [ 기능 ] 1. 웹 브라우져를 열어 아래 URL로 이동 합니다. http://host.newtype.pe.kr/KakaoTalkCounter/?sorts[count]=-1 2. 페이지를 열면 아래와 같이 나옵니다. 버튼을 클릭해 Text 파일을 선택합니다. 3. Table 형태로 누가 몇건의 챗팅을 했는지 보여줍니다. 4. Pie Chart 로도 내용을.. 더보기
Web Notepad 자세한 내용은 github에 올린 내용을 옮깁니다.node.js와 ace.js를 사용했고, 사실 코딩 시간보다 ace.js에 대한 분석 시간이 더 길었습니다.개발하면서 node.js에 대한 이해에도 도움이 되었지만, sub domain 셋팅을 위한 Apache VirtualHost 셋팅 방법과 github를 접할 수 있던 것이 좋았네요. [소개]* Web에서 소스 코드를 편집할 수 있는 note pad 입니다.* 같은 문서를 다른 사용자가 열고 있을 경우 실시간으로 편집 내용이 갱신 됩니다.* Ace Editor가 지원하는 100여개 언어의 syntax highlighting을 지원 합니다.* note.js를 스터디 하고자 하는 목적으로 시작했습니다.* https://github.com/lmk/note/.. 더보기
Javascript로 만드는 CVS 로그 파서. 업무상 소스의 버전관리 소프트웨어로 CVS를 사용합니다.( 남들은 SVN 이나 git 를 사용하던데, 장비가 구형 sun 장비다 보니.. ) 개발 과정에서 commit을 날리다보면, 내가 무슨 파일을 수정했는지 잊을 때가 있습니다.개발 건별 패치리스트를 작성할 수 있도록 웹페이지를 하나 만들기로 했습니다. [ 설계 ] 1. cvs log 명령을 실행하는 shell script를 작성한다. 2. Shell Script 를 실행하여 로그를 읽어 전달하는 jsp 파일을 작성한다. 3. html에서 jsp를 호출 하고, cvs log를 파싱하여 웹 페이지에 보여준다. [ 개발 ]1. shell script - ( cvs_log.sh ) #!/usr/bin/ksh cd $1 cvs log -N -S -d ">=$.. 더보기
IOS 토글 버튼 HTML, jquery 로 구현한 IOS 토글 버튼 입니다.특별한 말이 필요 없이 아래 링크 클릭http://jsfiddle.net/newtype/jhgrD/ [ link ] http://jsfiddle.net : javascript WEB IDE http://imageshack.us : 외부 링크가 가능한 Image 공유 사이트 [ 출처 ]http://stackoverflow.com/questions/6934785/jquery-effect-of-iphone-toggle-buttonhttp://jsfiddle.net/GzL87/1/ 더보기
Apache 특정 IP만 접근 가능하게 허용. Apache의 임의의 URL에 대해 특정 IP만 접근할 수 있도록 셋팅 하고자 한다.환경변수를 이용하여, 여러개의 IP 또는 IP 대역을 설정할 수 있다. /usr/local/apache/conf/httpd.conf 파일을 아래와 같이 설정 하고 Apache를 재기동 하면 된다. SetEnvIfNoCase remote_addr 123.456.789 allow_listSetEnvIfNoCase remote_addr 987.12.456.35 allow_listSetEnvIfNoCase remote_addr 192.168.0.1 allow_list AllowOverride All Order deny,allow Deny from all Allow from env=allow_list 더보기
Javascript로 폭포수 바이러스 효과 구현.. 얼마전 자바스크립트로 괴혼을 구현한 것을 보았다. 신기 하다 싶어서, 폭포수 바이러스 효과를 구현해 보았다. 스크립트를 실행하면, html 본문 내용을 Char 별로 파싱해서 떨어트린다. 발로짜서 인지, 속도가 엄청 느리다. 본문 내용이 많아지면, 브라우져가 버거워 하기까지 한다. 시간나면, 천천히 개선해 봐야겠다. http://host.newtype.pe.kr/fall/fall.html Chrome 에서 테스트 해봤다. 더보기
TISTORY 에서 SyntaxHighlighter 사용하기. 블로그 특성상 소스 코드를 자주 올리게 되는데, 보기 좋게 올리기 위해 SyntaxHighlighter 를 사용하기로 했다. 1. SyntaxHighlighter 다운 받기. http://alexgorbatchev.com/SyntaxHighlighter/ 에서 다운 받는다. 포스팅 당시 최신 버전은 3.0.83 이었다. 다운로드 받아 압축을 풀면 아래와 같이 있는데, 필요한 파일은 styles, scripts 디렉토리에 있는 것들이다. 2. 필요한 파일을 UPLOAD. TISTORY 관리자 페이지에 로긴해서, [ 스킨 ] / [ HTML/CSS편집 ] / [ 파일 업로드 ] 화면에서 필요한 파일을 모두 올린다. 필요한 파일은 압축푼 파일 중에 styles, scripts 디렉토리 밑에 있는 모든 파일이다.. 더보기
내 인생을 하루로 계산 하면.. 김난도 교수의 "아프니까 청춘이다" 라는 책에 보면 "인생 시계"라는 말이 나온다. 평균 수명 80살을 하루로 계산해서, 1년을 18분 쯤으로 계산 한 것인데.. 내 인생 나이는 얼마나 될까? 내 인생은 오전 10시 43분 이란다. 인생 시간을 계산 해보자. http://host.newtype.pe.kr/1day/ 인생을 하루로 표현 하면.. 생일을 입력하세요 : 년 월 일 생입니다. by newtype jQuery를 이용했고, 테스트를 해보니, 약간의 오차가 있는 듯 하다. 더보기