romeoh :: full stack developer;

1. 다운로드 https://www.mongodb.org/downloads  에서 windows 버전 다운로드 2. 압축풀기 c:/mongodb폴더에 압축해제 3. 환경변수 설정 - 제어판\시스템 및 보안\시스템 - 고급시스템설정 - 고급탭 > 환경변수 - 시스템변수 > Path > 편집 - 변수값 마지막에 ;c:/mongodb/bin; 추가 - 확인 4. 폴더 추가 c:/mongodb/data 폴더를 만든다. c:/mongodb/logs 폴더를 만든다. 5. 실행 커멘드창에서 mongod --dbpath c:/mongodb/data 6. 웹인터페이스와 함께 실행 mongod --dbpath c:/mongodb/data --httpinterface --rest mongodb를 실행후 브라우져에서 http://localhost:28017/ 무료다운로드:  https://apzw3.app.goo.gl/sheet

express: command not found express 명령을 찾을수 없다고 나오면 sudo npm install -gd express-generator express-generator를 설치한다. 무료다운로드:  https://apzw3.app.goo.gl/sheet

1. 콘솔로 설치하는 방법 Sublime Text를 연 상태에서 Ctrl + ` (키보드 숫자 1 앞에 "~" 키) 또는 View > Show Console을 선택한다. 그럼 Sublime Text 하단에 콘솔창이 열립니다. https://sublime.wbond.net/installation 이곳에 방문하여 자신의 sublime text버전에 맞는 Python코드를 복사해서 콘솔창에 붙여넣기 합니다. 콘솔에서 모두 설치된후 sublime text를 재시작 하면 됩니다. 2. 파일로 설치하는 방법 다시 https://sublime.wbond.net/installation 에서 제공하는 Package Control.sublime-package 파일을 다운로드 합니다. Sublime Text의 Preferences 메뉴에서 Browser Packages... 를 선택하여 탐색기(파인더)에서 특정 폴더가 열립니다. 다운받는 파일을 해당 폴더에 이동후 Sublime Text를 재시작 합니다. 3. Package Control설치 확인 Sublime Text > Preference 메뉴에서 Package Control이 활성화 된것을 확인합니다. 4. FTP 설치 Sublime Text > Preference > Package Control을 선택합니다. 입력창에 "Install package"를 입력후 Enter를 누릅니다. 다시 입력창에 sftp를 입력후 enter를 눌러 설치합니다. 5. FTP 설정하기 Sublime Text는 ftp에서 직접 접속하여 수정하는 방식이 아닌, 로컬파일에 저장후 Sync하는 방식을 사용합니다. Sublime Text에서 View > Side Bar > Show Side Bar를 선택하여 좌측에 사이드바를 활성화 시킵니다. 서버에 동기화 시킬 폴더를 사이드바에 Drag and Drop하여 사이...

Windows 8 유용한 단축키 모음 Windows키 시작화면으로 전환 Windows키 + D : 바탕화면 보기 Desktop Windows키 + C : 참메뉴 보기 Charm Windows키 + F : 참메뉴에서 파일 검색 File Windows키 + S : 참메뉴에서 검색 Search Windows키 + H : 참메뉴에서 공유 Windows키 + K : 참메뉴에서 장치 Windows키 + I : 참메뉴에서 설정 Windows키 + L : 화면잠금 Lock Windows키 + P : 외부모니터 설정 Project Windows키 + X : 간단한 관리도구 메뉴 보기 Windows키 + Q : 참메뉴에서 설치된 앱 찾기 Windows키 + W : 참메뉴에서 설정 검색 Windows키 + R : 실행창 띄우기 Run Windows키 + U : 화상키보드, 돋보기, 나레이터 Windows키 + T : 작업표시줄에서 앱을 순차적으로 선택 Enter누르면 실행됨 Windows키 + M : 모든창을 최소화 Minimum Windows키 + Shift + M : 최소화한 창을 되돌리기 Windows키 + ↑ : 현재창을 전체화면으로 키우기 Windows키 + ↓ : 현재창을 일반화면으로 되돌리기 Windows키 + → : 현재창을 오른쪽으로 키우기 Windows키 + ← : 현재창을 왼쪽으로 키우기 Windows키 + Pause Break : 시스템 설정창 띄우기 Windows키 + F1 : 도움말 띄우기 Windows키 + 0 ~ 9 : 작업표시줄에 고정된 앱 실행 및 보기 Windows키 + = : 돋보기 확대 Windows키 + - : 돋보기 축소 Alt + F4 :  실행중인 앱 종료 무료다운로드:  https://apzw3.app.goo.gl/sheet

윈도우7 이상에서 창을 움직이거나 창크기를 조절하려고 할때 모서리에서 창이 자동으로 크기와 위치가 조절됩니다. 저는 제가 원하는 크기로 창의 크기와 위치를 조절하고 싶어서 설정을 바꿔줬습니다. 제어판 > 접근성 > 접근성 센터: 마우스작동방법 변경을 누릅니다. 창을 쉽게관리하기 > 화면가장자리로 이동할때 창이 자동으로 배열되지 않도록 방지 를 체크하고 확인을 누릅니다. 무료다운로드:  https://apzw3.app.goo.gl/sheet

이미지 리사이즈 작업은 항상 하는 작업은 아니지만 종종 하게 되는 작업이다. 항상 하는 작업이 아니다 보니 하기 전에 검색을 해보고 검색된 결과를 이용해서 작업을 하게 되는데 좀 효과적인 코드를 찾아보던 중 클래스로 만들어 진 것을 찾게 되었다. 리사이즈 작업을 하기 위해서는 gd라이브러리가 설치되어 있어야 한다. 클래스 코드 :  /* * File: SimpleImage.php * Author: Simon Jarvis * Copyright: 2006 Simon Jarvis * Date: 08/11/06 * Link: http://www.white-hat-web-design.co.uk/articles/php-image-resizing.php * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License * as published by the Free Software Foundation; either version 2 * of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details: * http://www.gnu.org/licenses/gpl.html * */ class SimpleImage { var $image ; var $image_type...

본 문서의 저작권은  anti-nhn license 에 따릅니다. *본 페이지에는 자바스크립트가 많이 들어있습니다. 자바스크립트가 실행되지 않으면 제대로 보이지 않습니다. *본 페이지는 IE용 태그를 사용하였으므로, firefox 등에서는 정상작동하지 않을 수 있습니다. *테스트를 해보실라문  요기를 클릭 차례 1. 정규식이란? 2. 정규식 만들기 3. 정규식 표현법 4. 정규식 사용 예제 5. Javascript 정규식 함수 6. 정규식으로 만든 유용한 Javascript 함수 7. Java 정규식 함수 http://kio.zc.bz/Lecture/regexp.html 무료다운로드:  https://apzw3.app.goo.gl/sheet

1. Uninstall previous versions of the Creative Suite, then use the included Cleanup Tool to remove any lingering traces from your hard drive. 2. Use the Adobe Activation Blocker utility to modify or reset your hosts file. 3. Install the software in Trial mode. 4. Serialize the software with one of the supplied serial numbers. NOTE THE DIFFERENCE BETWEEN "FULL" INSTALL SERIAL NUMBERS, AND "UPGRADE" SERIAL NUMBERS! Pick one from whichever section is appropriate for you. 5. Note: Once you've installed the software, you may be prompted to enter an Adobe ID. Whether you choose to do so or not is entirely up to you; the Adobe Activation Blocker utility should keep you protected in that regard, and you will still be able to install software updates and access online help without signing in with an Adobe ID. 2.1 sudo nano /private/etc/hosts 127.0.0.1 activate.adobe.com 127.0.0.1 practivate.adobe.com 127.0.0.1 ereg.adobe.com 127.0.0.1 activate.wip3.adob...

iPhone 기본브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPhone chrome 브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (00236FCC-CE47-4774-9A79-DBBEEC199F9A) iPad 기본브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPad chrome 브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (811EEF80-F71A-4CA8-8DAB-DB2BA785B506) Android 기본브라우저 (갤럭시 S4) Mozilla/5.0 (Linux; Android 4.2.2; ko-kr; SAMSUNG SHV-E300K/KKUAME7 Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Version/1.0 Chrome/18.0.1025.308 Mobile Safari/535.19 Android Chrome 브라우저 Mozilla/5.0 (Linux; Android 4.2.2; SHV-E300K Build/JDQ39) AppleWebKit/537.36...

http://romeoh.github.com/dragAndDrop/ html5의 drag & drop API를 이용하여 브라우저에 파일을 떨어뜨리는 예제입니다. 브라우저와 떨어뜨릴 사진을 준비합니다. 브라우저에 콘솔로그를 확인하기 위해서 inspector(요소검사)창을 엽니다. (브라우저에서 마우스 오르쪽 클릭 > 요소검사) 사진파일을 브라우저로 드래그 하면 콘솔창에 상태가 표시됩니다. 사진을 브라우저 밖으로 빼면 역시 콘솔에 이벤트가 발생합니다. 사진을 브라우저에 떨어뜨리면 사진이 표시됩니다. (까메오 출연해주신 아드님께 감사~^^) <!doctype html> <html> <head> <meta charset= "utf-8" > <title></title> </head> <body> <img id= "imgEl" src= "" alt= "" > <p>사진을 브라우저 내부로 드래그 해보세요.</p> <script type= "text/javascript" > // 사진을 브라우저 안으로 드래그 window.addEventListener( "dragenter" , function (){ console.log( "dragenter" ); }, false ); // 사진이 브라우저 위에 있음 window.addEventListener( "dragover" , function (){ console.log( "dragover" ); }, false ); // 사진을 브라우저 밖...

차례 세로 스크롤 적용 세로스크롤바 숨기기 가로 스크롤 적용 가로스크롤바 숨기기 가로/세로 스크롤 적용 가로/세로스크롤바 숨기기 폼요소에 포커스되지 않는 이슈 해결 폼요소에 포커스되면 자동 스크롤 폼요소에 포커스되어 있고 가상키보드 활성화시 스크롤이슈 해결 bounce해제 관성해제 스크롤후 스크롤바 자동 숨기기 iscroll해제, 새로생성, 높이 새로고침 밀어서 컨텐츠 더보기 구현 windows8(태블릿 디바이스) ie10에서 iscroll 작동안하는 문제 (2013/3/27일 추가) 세로 스크롤 적용 가장많이 사용되는 설정입니다. 세로로 스크롤되는 iscroll세팅하기 var iscroll = new iScroll("wrapper", { hScroll:false }); 샘플보기 세로스크롤바 숨기기 세로로 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { hScroll:false, vScrollbar:false }); 샘플보기 가로 스크롤 적용 가로로만 스크롤 적용하기 var iscroll = new iScroll("wrapper", { vScroll:false }); 샘플보기 가로스크롤바 숨기기 가로만 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { vScroll:false, hScrollbar:false }); 샘플보기 가로/세로 스크롤 적용 가로,세로 양방향 스크롤 생성입니다. var iscroll = new iS...