머리가 나뻐서 삽질 SAP(Study And Programming)

2017. 05. 18 작성 [ 아톰사용자를 위한 ] SASS 설치와 사용법 SASS 를 사용하기 위해서 node.js 나 플러그인 설치까지는 많은 글들이 있는데 정작 사용하는 방법에 대해서는 나오지 않아서 ATOM ~ node.js ~ sass-autocompile 까지 설치한뒤 사용하여 동작하는 부분을 작성하였다. 주의!!. 글을 읽기전에 아래 3가지 조건에 모두 부합해야 포스팅된 내용처럼 활용할 수 있습니다. OS : Windows Editor : ATOM CSS pre processor : SASS ( SCSS ) 1. ATOM 설치 https://atom.io/ 2. node.js 설치 잠깐!. node.js가 pc에 설치되어있는지 확인하는 가장 빠른 방법은 ㄱ. 명령프롬프트(관리자권한) 를 띄..

내용추가 2017.07.13 패키지 설치하려는데 계속 C/C++ Module 오류일때 더이상 시간 까먹지 말고 아래와 같이 처리하도록한다. 1. Nodejs 설치 2. 윈도우 명령 프롬프트(관리자권한) 띄워서 아래 붉은 글씨 커맨드를 입력 TedThiCo commented on 27 Apr 2015Seems that node-gyp isn't following the 302 Redirect sent by atom.io. @fujisaks Thanks for pointing to the problem! I've been able to workaround the issue by setting the ATOM_NODE_URL env variable to the new url (after redirect ). ..

[ 기본 단축키 ] # 필수 ctrl + , : 에디터 설정화면 ctrl + \ : 좌측 트리 토글 ctrl + p : 파일찾기 ctrl + f : find in buffer 파일안에서 문자열 찾기 ctrl + shift + f : find in project 프로젝트 안에서 문자열 찾기 ctrl + shift + k : delete line 열려진 탭에서 마우스우클 > split 화면 분할 ctrl + alt + f2 : 북마크 저장/해제 토글 ( 이후 F2 로 찾아감 ) ctrl + g : 줄 로 이동 ctrl + L : 줄 선택 crtl + left, right : 단어 단위 이동 ctrl + home, end : 파일 맨 처음, 마지막 이동 ctrl + / : 주석 토글 # 알아두면 좋은것 ctr..

[ ATOM ] GitHub & NodeJS https://atom.io/ ver 1.16.0 기준 [ 필수기본 설정 ] ctrl + , : Packages 에서 bracket-matcher 에서 Autocomplete Brackets 해제. ctrl + , : Editor 에서 Tab Length 를 2에서 4로 변경 Font Family : Bitstream Vera Sans Mono Font Size 15로 변경 Show Indent Guide 에 v 체크 Soft Wrap : 자동줄바꿈 * 화면 우측의 세로선 없애기 file > stylesheet 에서 // 화면 우측의 세로선 없애기atom-text-editor::shadow { .wrap-guide { visibility: hidden; }} ..

[ 랜섬웨어 예방 ] 윈도우 파일공유 포트 해제하기 출처 : http://www.krcert.or.kr/data/secNoticeView.do?bulletin_writing_sequence=25723 2017.05.16 내용추가 파일공유를 사용치 않을때 해당 옵션을 사용할 필요가 없으므로 기능을 완전히 꺼두는게 안전하므로 아래와 같이 한다. 제어판 > 프로그램 및 기능 > Windows 기능 켜기/끄기 > "SMB 1.0/CIFS 파일 공유 지원" 에 체크 해제후 확인 > 재부팅

Windows 준비중 컴퓨터를 끄지 마십시오 증상 : Windows 10 에서 무한로딩 현상 ( 소요시간 50 분 ~ 1시간 이상 ) 해결방법 Step 1. 윈도우 시작 로고 위에 마우스 오른쪽을 클릭하면 관리항목이 출력된다. Step 2. 여기에서 Windows PowerShell(관리자) 를 선택한다. 혹은 "명령프롬프트(관리자)" 를 선택한다. Step 3. 아래의 명령어를 입력하고 엔터키로 실행한다. 빨간색이 띄어쓰기 이다. 띄어쓰기에 주의한다. ( 브라우저가 PC인경우 복사 붙여넣기로 하고, 모바일로 보는경우 아래와 같이 입력 ) 띄어쓰기 = Dism /online /cleanup-image /restorehealth 명령을 실행하면 아래와 같이 시스템에 따라서 복구 시간이 소요된다. # 201..

APM SETUP7_Apache2 Start 오류 APM SETUP7 에서 Apache2 를 실행시키려해도 먹통일때 window + r > cmd 에서 httpd -w 명령어로 직접 오류를 확인 (오류의 원인과 메세지는 각각 다 다르다 ) 나의 경우 폴더 이름이 갑자기 변경되어서 바로 잡아주었더니 해결되었다

jpgraph - php graph to image 클라이언트에서 운영되는 차트에는 HTML5 와 SVG를 적극적으로 이용하여 화려한 기능과 미려한 디자인을 겸비한 좋은 차트들이 많지만 이 차트들은 모두 클라이언트의 웹 브라우저에서 실행되기 때문에 이메일을 통한 보고서 서비스를 지원하기에는 매우 어렵다는 단점이 있다. 그 단점이란 서버사이드 언어에 표현된 스크립트를 자바스크립트 쉘 등을 통하여 직접 인터프리터 해주어야하고 실제 해석이 되어도 브라우저호환 이라는 최종보스가 등장하기 때문이다. 더군다나 SVG로 그린 이미지는 캔버스로 캡쳐해도 안잡힌다. 어쨌든 이러한 복잡한 방법과 번거로운 절차를 없애기 위해서 이메일 보고서에 다음과 같은 방법으로 작업하기로 결정. 1. 먼저 이메일용 HTML을 마크업하고 ..

ASUS MB - Intel CPU uCode Loading Error ASUS P5LD2-SE 메인보드 사용하는 PC에서 E7500 CPU 교체하고 부팅하니까 Intel CPU uCode Loading Error 라는 에러가 발생하였다.. 원인 : 메인보드에서 CPU를 지원하지 못해서 그런것인데 1. ASUS 공식 홈페이지에 가서 메인보드 바이오스 마지막 버전 ROM 파일을 다운받는다 https://www.asus.com/kr/Motherboards/P5LD2_SE/HelpDesk_CPU/ Core 2 Duo E6700 (2.66GHz,1066FSB,L2:4MB,rev.B2) 를 Download 한다. * 2. 그 다음 window 에서 ASUS 바이오스를 업데이트 할 수 있는 유틸을 설치한다. Set..

rgb를 16진수로 12345678910111213141516171819202122232425(by Matt) function rgb2hex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);} * 일부 브라우저에서는 이미 16 진수 색상이 반환된다. (예를들어 Internet Explorer 8 이상). 그런 경우에 대처할 필요가있는 경우 함수에 조건을 추가하면된다 (by gfrobenius) function rgb2hex(rg..

javascript로 만든 원의 자취 함수 원을 이용하여 애니메이션과 렌더링 작업에 사용했던 함수. Result를 클릭하면 결과를 볼 수 있다. script source) 아래 함수는 원안에 10개의 아이콘을 라디안으로 그리며 배치할때 사용하였다 script source) /* -------------------------------------------------------- * circle, display -----------------------------------------------------------*/ function circle($w_rad, $h_rad, $radian) { var temp_x = $w_rad * Math.cos($radian); var temp_y = $h_rad *..

차트 데이터를 사용하기 위해서 클라이언트에서 데이터를 생성합니다. In order to use graph data, we generate data from the client. source : MakeChartDate ver 2017.02.22 Description: 차트데이터를 생성합니다. Query String Input Name Value (기본값) parameter comment format : String YYYY-MM-DD HH:mm:ss 리턴받을 날짜 형식을 지정합니다. 기본값은 YYYY-MM-DD HH:mm:ss 이며, 날짜설정 옵션은 문서하단의 Format 항목을 참조하세요. categoryField : String category 카테고리(대상) 필드명을 설정합니다. 기본값은 categ..

sendRequest-ajax.js 라이브러리 update : 2017. 01. 18 auth : 허정진 serpiko@primarynet.co.kr / serpiko@hanmail.net 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331..

개발자의 인생 노트 - jwFreeNote 프로그램 개발시 자주 사용하는 API나 함수를 정리 해 놓치않으면 작업했던 프로젝트에서 직접 찾거나 매번 새로 만들어야 한다. 이 방법은 현실적으로 너무 불편하기 때문에 모두들 각자의 방식대로 규칙이나 양식을 만들어서 사용하고 있을 것이다. 클라우드나 블로그에 백업하는 방법도 많이 사용했었지만 최근에는 두 가지 모두 사용하고 있지 않고있다. 블로그의 경우 2016년 들어서 글이 매우 뜸한게 그 이유인데 먼저 서비스를 제공하는 회사의 상황에 따라 안정성을 보장할 수 없다. 가령 daum의 경우 50GB 나 되는 클라우드 서비스를 중지한 전례가 있으며, 클라우드가 아닌 블로그의 경우에도 백업은 가능하지만 다른 설치형 블로그와 호환되지 않는다는 치명적인 단점이 있기 ..

javascript 클래스와 jquery prototype 클래스 javascript 클래스와 jquery 클래스(jquery Chaning prototype)을 사용하여 js Class 로는 부트스트랩의 프로그레스 핸들러를 jquery Class 로는 애니메이션 텍스트 핸들러를 만들어 보면서 oop를 비교하고 나름?.. 유용한 핸들러를 만들어 보았다. javascript 클래스 : ProgressClass public으로 클래스이름과 바의 최소 너비와 값을 설정하고 지정된 생성자를 실행한다. 부트스트랩의 프로그레스바와 수치를 움직이며, 하단에 기술될 제이쿼리 클래스와 별개로 독립적으로 실행할때에는 $(this.tgClass).AnimateText({num: $num, prevValueEnable:tru..