티스토리

Nightly
검색하기

블로그 홈

Nightly

xtales.tistory.com/m

i'm developer & engineer

구독자
0
방명록 방문하기

주요 글 목록

  • ECMAScript] nodejs http, https request nodejs 에서 웹 요청 사용하는 코드입니다 비동기 요청 예 option : 노드js http 기본값 { hostname : "google.com", path : "/" } param : 인자값 type : 없거나 https 문자열 onload : 완료반환 data : POST 전송시 데이터값 module.exports = { http : require("http"), https : require("https"), ws : require("ws"), ajax : function(option,param){ var text = "", req = this[param.type||"http"].request(option,function(res){ res.on("data",function(chunk){ text .. 공감수 1 댓글수 3 2017. 4. 10.
  • ECMAScript] Date https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/prototype Date.prototype.getMilliseconds()> 0~999 Date.prototype.getSeconds()> 0~59 Date.prototype.getMinutes()> 0~59 Date.prototype.getHours()> 0~23 Date.prototype.getDate()> 1~31 Date.prototype.getMonth()> 0~11 Date.prototype.getFullYear()> YYYY Date.prototype.getDay()> 0~6 Date.prototype.getTime()> TIMESTAMP Ja.. 공감수 0 댓글수 0 2017. 4. 10.
  • W3] WebSocket 기본 ws 로 시작하는 프로토콜을 가집니다 경로를 지정하여 접속 할 수 있습니다 전반적으로 비동기 처리를합니다 (function(){ var ws=new WebSocket(location.protocol.replace("http","ws")+"//"+window.location.host+"/io/"); ws.onopen=function(event){ console.log("onopen"); ws.send("s\r\n"+el.cookie.get("s")); }; ws.onmessage=function(event){ console.log("onmessage"); }; ws.onerror=function(event){ console.log("onerror"); }; })(); 공감수 0 댓글수 0 2016. 11. 2.
  • 두 평행 거리 구하기 3 아래처럼 된 경우에 반환값이 -3 아래것은 -2 또한 -2 또한 -2 중에서 양쪽이 초과되는 1번의 값이 문제가 된다 원하는값은 -2 이지만 -3을 가져온다 아래 계산을 추가한다 length : 길이 result : 반환값 if( result < -length ) result = -length; 그러면 값의 제한범위로써 양쪽 범위를 초과할때 한쪽에서의 값을 가져올 수 있다 공감수 0 댓글수 0 2016. 4. 1.
  • 두 평행 거리 구하기 2 이게 무슨 말이야 ... 변수가 뭔지 안나와있어서 보나마나인것 같다 더군다나 비스듬한 선분을 대신 보라니 도움이 안되는듯 https://en.wikipedia.org/wiki/Distance_between_two_straight_lines 비스듬한 선분계산은 연산자가 수두룩하게 많이 들어가서 좋지 않다는점이다 1편에서 보았듯이 가운뎃 지점을 먼저 구하면 좀 나은 패턴을 사용할 수 있다 착안점 포지션 일치 포지션-시작점,끝점 일치 또 참조 개체와 반대의 경우 시작점,끝점이 완전히 일치 아래처럼 된 경우에 반환값이 -3 아래것은 -2 또한 -2 또한 -2 착안점에서 포지션, 시작점,끝점, 들을 비교하는경우 3 , 2 , 1 번 비교해야되서 6번의 비교가 들어간다 공식에 비하면 비교는 대단히 비싸므로 특별한 .. 공감수 0 댓글수 0 2016. 4. 1.
  • 두 평행 거리 구하기 1 구간 0 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 두개의 선상에 거리를 알려면 보다 향산된 알고리즘이 필요합니다 비교대상이 좌측에 있거나 우측에 있는경우와 대상보다 크거나 같거나 작은경우를 생각해보면 다양한 경우가 나타납니다 경우의 수가 많아질수록 계산하는데 오래 걸리게 됩니다 그러므로 계산 범위를 조절해야 하는데 2차원상의 선분은 대칭되므로 한번의 계산으로 양쪽의 거리를 구해옵니다 선분의 중심, 선분의 반경 구하기 index : 구간의 시작점 length : 구간의 끝점 f( index , length ){ var len = length / 2; return { position : index + len, diameter : len } } 두 대상에 대한 결과는 다음과 같습니다 p=po.. 공감수 0 댓글수 0 2016. 4. 1.
  • ECMAScript] NodeList to Array http://stackoverflow.com/questions/3199588/fastest-way-to-convert-javascript-nodelist-to-array NodeList 는 다음과 같습니다 Element.children Element.childNodes document.querySelectorAll document.getElementsByTagName document.getElementsByName 그런데 NodeList 는 Array 타입이 아니므로 편집이 제한적입니다 그렇기 때문에 아래 방법으로 변환해서 사용합니다 Array.prototype.slice.call(NodeList) [].slice.call(NodeList) function arr(a){ return Array.proto.. 공감수 0 댓글수 0 2016. 4. 1.
  • 두 평행 구간 교차 길이 구하기 구간 0 1 2 3 4 5 6 7 8 9 10 1 2 3 4 막대 길이 구하기 index1 : 구간 시작위치 index2 : 구간 끝위치 f( index1, index2 ){ return index2 - index1; } 교차길이 구하기 index1 : 첫번째 구간 위치 length1 : 첫번째 구간 길이 index2 : 두번째 참조 구간 위치 f( index1, length1, index2 ){ //반대의 값은 index2 + index1 - length1; return index2 - index1 - length1; } 1번 2번 구간의 교차범위는 1 입니다 f( 1 , 3 , 5 ) //5 - 1 - 3 = 1 3번 4번 구간의 교차범위는 -1 입니다 f( 1 , 3 , 3 ) //3 - 1 - 3.. 공감수 0 댓글수 0 2016. 3. 29.
  • W3] DOM iterator http://codereview.stackexchange.com/questions/28307/implementing-an-algorithm-that-walks-the-dom-without-recursion Elelement 의경우 아래 코드를 사용하면 됩니다 document.querySelector("*"); Text를 모두 포함하려면 아래 코드를 사용합니다 function iterate(a){ var i=0,r=[]; while (a) { if (a.nodeType==1 &&a.children.length > 0) { r.push(a); a = a.firstChild; i++; } else if (a.nextSibling) { a = a.nextSibling; r.push(a); } else { do .. 공감수 0 댓글수 0 2016. 2. 5.
  • ECMAScript] Swap two variables http://stackoverflow.com/questions/16201656/how-to-swap-two-variables-in-javascript 두개의 변수의 자리를 서로 변경하는경우 사용할 수 있습니다 3회 연산을 하는 방법 var a=100,b=200; a=a^b; b=a^b; a=a^b; 배열 명령어 하나로 하는 방법 var a=100,b=200; a=[b,b=a][0]; 공감수 0 댓글수 0 2016. 2. 4.
  • W3] Range 선택 영역 옮기기 W3 의 Range 는 문서의 텍스트 선택영역 처럼 나타내는것을 의미 합니다 DOM 은 노드 구조로 되어있어서 다른 선택영역 처리방법이 필요 했던것이죠 setStart, setEnd 도 있지만 사용 편의상으로 대체 메서드를 사용하는것이 좋습니다 문서W3 https://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html MDN https://developer.mozilla.org/en-US/docs/Web/API/Range 요약테스트할때 아래 HTML 을 사용합니다 11222211 setStartBefore, setEndBefore [커서]11111111 [커서]1111 setStartAfter, setEndAfter 11111111[커서] 1111[커서] 시작.. 공감수 0 댓글수 0 2016. 1. 30.
  • W3] DOM contentEditable div p 대신 br 쓰기 stackoverflow http://stackoverflow.com/questions/3080529/make-a-br-instead-of-div-div-by-pressing-enter-on-a-contenteditable div , p 태그로 개행이 되어버리면 문서가 지저분해집니다 보통 위지웍에서는 div , p 를 쓰는데 shift + enter 키를 쓸때 br 을 입력하도록 하고 있어요 위지웍을 따로 만든다면 버튼으로 개행 기능을 제공할 수 있음 Edit var div=document.qeurySelector("[contentEditable=\"true\"]"); div.onkeyup=function(){ var a=document.activeElement; if( a.lastChild && a.l.. 공감수 0 댓글수 0 2016. 1. 27.
  • PHP] gzip 형태 출력 요청 브라우저가 압축을 지원하는경우 데이터를 압축하여 보다 적은 트래픽을 사용할 수 있습니다 php.ini 옵션 zlib.output_compression = On http://php.net/manual/en/zlib.configuration.php PHP 코드 if(substr_count($_SERVER['HTTP_ACCEPT_ENCODING'],'gzip')) ob_start("ob_gzhandler"); PHP 코드 추가분기 if(substr_count($_SERVER['HTTP_ACCEPT_ENCODING'],'gzip')) ob_start("ob_gzhandler"); else ob_start(); 공감수 0 댓글수 0 2016. 1. 12.
  • Function prorotype [ apply bind call ] ECMAScript 5.1 (ECMA 262) http://www.ecma-international.org/ecma-262/5.1/#sec-15.3.4.5 Function.prototype.apply자바스크립트의 this 상속 arguments 배열을 인자로 전달합니다 소스코드 function temp( a, b, c, d ){ console.log( ""+this.location , a, b, c, d ); } temp.apply( window, [1, 2, 3, 4] ) 결과 "about:blank" , 1, 2, 3, 4 Function.prototype.bind자바스크립트의 this 상속을 바꿔줍니다 소스코드 function temp(){ console.log( ""+this.location );.. 공감수 0 댓글수 0 2015. 12. 29.
  • W3] DOM API - 엘리먼트 반환 http://www.w3.org/TR/html5/dom.html#documents html 문서에서 자바스크립트로 엘리먼트를 가져오는 방법 입니다 W3 에 정의되었으며 기존에 브라우저마다 다르던 부분이 통합 되었습니다 HTMLBodyElement = document.body HTMLHeadElement = document.head 문서에 단 하나만 사용하는 ID 를 가져오는 방법 HTMLDivElement = document.getElementById("A") 문서에 여러개가 될수 있는 NAME 을 가져오는 방법 [ HTMLDivElement ] = document.getElementByName("A") 문서에 여러 태그이름을 가져오는 방법 HTMLDivElement = document.getElemen.. 공감수 0 댓글수 0 2015. 12. 29.
  • javascript] 문서 마우스 트래킹 엘리먼트에 이벤트를 할당해보면 그 영역을 벗어날때 더이상 이벤트가 발생하지 않는 문제가 있다 document 에 마우스를 사용하는동안 이벤트를 할당하면 마우스를 캡쳐할 수 있다 mouse down and drag cursor out of screen area and mouse up document.querySelector(".track-mouse").onmousedown=function(){ var t=this,c=this.getBoundingClientRect(); console.log("down",event.clientX-c.left,c.width); document.onmousemove=function(){ var c=t.getBoundingClientRect(); console.log("move".. 공감수 0 댓글수 0 2015. 11. 30.
  • Javascript] XML xpath 함수 인터넷 익스플로어에서 DOMParser 메서드인 evaluate 가 없네요 xpath 로 텍스트만 가져오는경우 아래 코드를 이용하면 되겠습니다 즉흥적으로 코딩한것이라서 포스트가 수정될 수 있습니다 function XML_evaluate(doc,xpath){ xpath=xpath.split("/"); var i,v,node=doc; function find(tag_name){ var a,b=node.childNodes; for(a=0;a 공감수 0 댓글수 0 2015. 11. 23.
  • PHP] X-Powered-By 지우기 Removing X-Powered-By http response 헤더에 포함되는것을 지울 수 있습니다 php.ini 편집 expose_php 기본값 On expose_php = Off 공감수 0 댓글수 0 2015. 7. 16.
  • javascript] nbsp 공백 프로그래밍적인 첨가 방법 http://stackoverflow.com/questions/10951340/create-a-blank-html-space-on-the-fly-javascript 자바스크립트 프로그래밍적으로 HTML 공백 첨가방법 공백을 삽입하려면 유니코드 문자열을 사용해야 합니다 document.createTextNode( "\u00A0" ) 유니코드 문자 참조 : http://www.utf8-chartable.de/ 공감수 0 댓글수 0 2015. 7. 12.
  • .htacess] 서브도메인을 가상디렉토리로 열기 http://stackoverflow.com/questions/10642426/htaccess-rewrite-subdomain-to-directory 아래 두개는 궂이 안적어도 되나봅니다 단순한 디렉터리, 파일 검사 정도 같네요 RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f .htaccess 파일 RewriteBase / RewriteEngine on RewriteCond %{HTTP_HOST} ^(.+?)\.example\.com RewriteRule ^(.*)$ /%1/$1 [L] 입력도메인 -> 내부처리 aaa.example.com -> example.com/aaa aaa.example.com/about.php -> .. 공감수 0 댓글수 0 2015. 7. 10.
  • RSA보안] 데이터 가로채기 방지 서론 개인단말기가 급격한 발전을 이루면서 보안은 더욱 중요해졌다 2006년도당시 개인단말기는 전화와 문자용도 였는데 오늘날 전문적인 스펙을 갖추지 않은 휴대폰으로도 충분히 해킹을 할 수 있다 공공장소의 WiFi또한 활성화되어 많이 활용되고 있다 데이터의 암호화는 선택이 아닌 필수가 되었다 요약 RSA는 대칭키가 아닙니다 암호A로 압축하면 암호B로 풀수 있습니다 이것이 Public(공용), private(개인) 키 입니다 공용키와 개인키는 컴퓨터가 랜덤으로 정하는 방식으로 생성 합니다 512, 1024, 2048, 4096 비트가 사용되고 있으며 512는 개인키를 추적할 수 있는 문제가 있어서 보통은 사용되지 않습니다 비트수가 높아질수록 처리하는데 많은시간이 소요 됩니다 흔한 자바스크립트와 PHP로 설명을.. 공감수 0 댓글수 0 2015. 6. 29.
  • PHP] this vs self http://stackoverflow.com/questions/151969/when-to-use-self-vs-this PHP 클래스에서 개체상속을 다루는 변수와 키워드의 차이 입니다 new 로 생성된 개체에 사용합니다 $this->a; static 정적맴버에 사용합니다 self::a 공감수 0 댓글수 0 2015. 5. 21.
  • PHP] include, require 루트 스크립트 검사 PHP 에서 루트 스크립트를 검사해야하는 경우는 다음과 같습니다 반드시 참조용으로만 사용되는 스크립트에 넣어놓으면 실행을 막을 수 있습니다 코드도 괭장히 짧기때문에 간단하게 이용 가능 합니다 if($_SERVER['SCRIPT_FILENAME']==__FILE__)exit; 공감수 0 댓글수 0 2015. 5. 4.
  • PHP] 함수 속도개선 참조사용 PHP 에서 함수의 인자값들은 모두 대입연산자를 통하여 처리됩니다 개요 대입연산자의경우 숫자와 문자열의 복사본을 만들어서 처리하게 됩니다 복사의경우 데이터 크기가 많아지는경우 리소스에 큰 소모를 가져옵니다 해결책 PHP 의 & 를 변수앞단에 붙여주면 참조자를 대신 사용하게되며 보다 빠른 처리를 할 수 있습니다 출력 1000 리눅스 제품군 윈도우즈 서버 제품군 PHP 웹 스크립트 공감수 0 댓글수 0 2015. 4. 17.
  • PHP] 지연된 분할 출력 ob_flush PHP 에서 지연을 통한 나누어진 문장을 보낼때 사용합니다 공감수 0 댓글수 0 2015. 4. 9.
  • CSS] position absolute 상대위치를 적용 스타일시트의 position:absolute 의 경우 document 의 절대위치를 대상으로 적용 됩니다 position:fixed 와 비슷한 기능을 한다고 생각 할 수 있으나 상대좌표를 적용하는등의 다른점이 있음 기본 적용 position:fixed 는 현재 윈도우에 대하여 고유위치를 유지합니다 position:absolute 는 현재 문서에 대하여 고유위치를 유지합니다 position:absolute;left:0;top:0; document [파란색 엘리먼트] 두번째 적용 position:absolute 는 부모엘리먼트가 position:relative 속성을 가질때 상대위치를 같이 적용 합니다 position:relative 는 상대위치를 적용하기 위해서 사용 하는 속성입니다 position:abs.. 공감수 0 댓글수 0 2015. 3. 31.
  • HTML5] meta 태그 viewport 표준 참조 : https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag head 태그 사이에 들어가는 태그입니다 모바일에 최적화된 웹페이지는 아래 메타태그를 포함 합니다 스케일조정을 허용 하려면 모바일에 맞추어 페이지를 열고 스케일도한 1 로 조정 합니다 공감수 0 댓글수 0 2014. 12. 14.
  • PHP] 서버-서버 실시간 데이터 시간 캐싱 공용으로 사용되면서 매시간마다 변경이 필요한경우 주로 다른서버에서 받아온 같은 결과값을 반복하지 않도록 하기위하여 캐싱을 합니다 타서버로 접속되는경우 아이피가 아니면 DNS 서버에 요청도 함으로 실제로 커넥션은 최소 2번 사용하고, DNS 지연이 있는경우 응답시간은 배로 느려집니다 RSA 키 생성이 느려서 사용한 코드 입니다 $result=require('RSAPrivateKeyTemp_.php');if($result==null){ if($f=fopen('RSAPrivateKeyTemp_.php','w')){ fwrite($f, ' 공감수 0 댓글수 0 2014. 8. 14.
  • 웹서비스] NGINX for Windows link : nginx for windows ( 엔지닉스 for 윈도우즈 ) 현대 웹서비스의 주된 소프트웨어로 사용되고 있는 소프트웨어 입니다 다운로드후 바로 웹서버로 작동 시킬 수 있습니다 간단한 설정스크립트 편집으로 설정 윈도우즈 서버 호환성 - 멀티코어 시스템 - 네트워크 커넥션/트래픽 제어 - 분산처리 - 보안프로토콜 - 웹 프로그래밍 공감수 0 댓글수 0 2014. 6. 29.
  • VisualBasic Portable] 실행오류 DAO350.dll , 프로젝트열기 비주얼 베이직 6.0 요구파일은 첨부파일을 확인해주시기 바랍니다 아래오류를 해결하려면 호환성 모드를 사용 해야 합니다 vb6.exe 실행파일 속성 :: 호환성 탭 :: 호환성설정 공감수 0 댓글수 0 2014. 6. 5.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.