• profile_image 아래와 같다. 아래에서 2개는 잘 안하는것● 눈에 안 보이는 문자 삭제해야 할 대상" " (ASCII 32 (0x20)), an ordinary space."\t" (ASCII 9 (0x09)), a tab."\n" (ASCII 10 (0x0A)), a new line (line feed)."\r" (ASCII 13 (0x0D)), a carriage return."\0" (ASCII 0 (0x00)), the NULL-byte."\v" (AS…
  • profile_image 다른 에디터에서 사용하던것이 생각나서 찾아 봤는데 기본단축키는 없지만 사용할 수 있는 기능이 있어서 설정 하게 되었습니다.이기능 없어도 사용하는데는 문제 없지만 아래쪽에 공백이 많으면 한줄을 당기려면 좀 지워야 하는데 이 기능을 사용하면 바로 공백 한칸 사이로 붙어 집니다. ● vscode 아래줄 당기는 기능(줄연결) 설정 방법은Ctrl + K 누르고 S 를 누르면 위 하면이 나옵니다. 그리고 join 으로 검색을 하신 다음 단축키 설정을 하면…
  • profile_image 우리가 흔하게 사용하는 크롬 브라우저를 이용하는 헤드리스 브라우저 입니다. 헤드리스 브라우저는 우리가 보는 GUI 환경 없이 웹사이트를 방문한다는 의미 입니다. 브라우저 이기 때문에 자바스크립트까지 모두 실제 브라우저와 같이 실행 됩니다.●  프록시서버를 경유할 경우--proxy-server=주소:포트● 실행하고 바로 나오는것이 아니라 약간 기다려야 한다.  - HTML 소스 보기: --dump-dom  - pdf로 저장하기: --print-t…
  • profile_image 거짓말에 대한 대응으로 필요한 아카이브 사이트 입니다.요즘은 트래픽이 많아지고 스토리지 용량 문제 인지 현재 확인 되어 사용 가능한것은 아래 2개 사이트만 있습니다. 그리고 제한도 있고 캡차를 넣어 되기도 합니다. 하지만 개인적으로 필요한 경우 한두개 가끔 저장해 두는데는 문제가 되지 않습니다.● 아카이브 사이트https://archive.org/web/web.phphttps://archive.ph/
  • profile_image 파일을 열었던것을 다시 여는 기능은 이전에(전날) 컴퓨터 재부팅 하고 나서 에디터플러스만 실행하면 자동으로 열리게 되면 굉장히 편한 점이 있습니다.단, 주의해야 할것은 여러사람이 같이 작업하는 경우 ftp를 통해 파일을 읽어 들인것은 수정 하고 반드시 닫아야 합니다. 자신도 모르게 저장해서 다른 직원이 작업한 것을 덮어 씌울 수 있습니다.도구 > 기본설정 을 통해서 위 이미지를 볼 수 있습니다.무척 편한 만큼 주의해서 사용하지 않으면 문제…
  • profile_image 기본적으로 제공되는 viewer.html 을 사용하면 잘 보입니다.그렇지만 예제 샘플을 통해 구현을 하면 한글이 제대로 표현이 안되는 경우를 볼 수 있는데요. 소스를 약간 수정해 주면 됩니다. 그리고 이 경우는 F12 디버깅 모드에서 404를 볼 수 있습니다. 이부분을 해결해 주면 한글을 표현해 줄 수 있습니다.제가 처리한 부분은 pdf.worker.js 파일에서 아래 부분을 수정해 주면 됩니다.제가 사용한 버전에선 22168 라인 이었습니다.…
  • profile_image 파일명을 보면 대략 무엇을 할 수 있는지 알 수 있습니다.얼마나 잘 되는지 확인해 봐야겠지만 아래와 같습니다. pdf의 텍스트 추출하기 이미지변환 html변환등 일반적으로 필요할것 같은것은 모두 지원합니다. 안탑갑게도 한글을 사용하는 우리는 잘 되는지 추가적인 확인이 필요합니다.xpdf-tools-linux-4.03/bin64/pdftotextxpdf-tools-linux-4.03/bin64/pdfinfoxpdf-tools-linux-4.03/…
  • profile_image 테블릿까지 고려하면 좋지만 바쁜 관계로 모바일에서만 보이지 않게 하는 기능 입니다.테이블의 TD에서 특정한것은 모바일에서는 빼주는 역활의 부트스트랩니다.<!DOCTYPE html><html lang="ko"><head>  <title>부트스트랩 테이블 특정 요소 모바일에서 제외시키기(보이지 않게)</title>  <meta charset="utf-8">  <meta name=…
  • profile_image 사람의 기억은 알고 있는것과 꺼내는것과는 좀 다른것 같습니다.오래전부터 알고 있던것인데 갑자기 생각나서 확인하게 되었는데 수정할곳이 있군요.HTML 제대로 작성했는지 확인하는 사이트 입니다.아래 사이트에서 체크해서 내가 잘못 생각했거나 실수한 부분을 찾을 수 있습니다.브라우저에서 오류를 잘 보여주면 좋을텐데 일반적으론 보여주지 않기 때문에 자신도 잘 모릅니다.* HTML 문법체크 사이트 (유효성 검사) HTML 체크 주소체크 준비 - Nu Ht…
  • profile_image 웹봇으로 수집한것을 바탕으로 통계를 낸것입니다. 제가 잘 안쓰는것도 있네요.그런데 정말 이곳에 있는것만 익혀도 큰 무리는 없습니다. 그리고 이곳에 있는것만 익혀도 국내에선 안쓰는것들이 있어서 다른분들보다 많이 아실거란것 확신합니다.<html>, <head>, <body>, <title>, <meta>, <div>, <a>, <script>, <link&g…
  • profile_image 마크업 언어라고 하는데요. 웹페이지를 구현할때 기능적인 역활을 하는것입니다.HTML이 먼저이고 그 다음 CSS 입니다.즉, 건물로 말하면 골격이 있어야 거기에 대리석 타일을 붙이든 장식을 할 수 있습니다.HTML은 다음과 같은 기능을 가집니다.. table - 표형태로 데이터를 보여줍니다.. a - 다른 페이지와 연결을 시켜 줍니다.. form - 데이터를 받아서 서버쪽에 보내줍니다.. <h1 ~ - 제목에 대한 설정. <img - …
  • profile_image ● 속성 값 변경 하기$clone.$('#invo99').attr("id", "newID");$('#'+cidname).attr("id", cidname + '_new');console.log('변경확인: ', document.getElementById(cidname + '_new'));위와 같이 요소 셀렉터(ID)값을 변경 하는 방법이 있는데요. 변수를 사용해서 동적으로 변경이 가능 합니다.여기서 주의할것은 위에 id 라고 되어 있는것은 상수…
  • profile_image D3.js 는 데이터를 시각적으로 보여주기 위한 JavaScript 라이브러리입니다. D3 는 HTML, SVG 및 CSS를 사용하여 데이터에 생명을 불어넣는 데 도움이 됩니다. 웹 표준에 대한 D3의 강조는 강력한 시각화 구성 요소와 DOM 조작에 대한 데이터 중심 접근 방식을 결합하여 독점 프레임워크를 유연하게 최신 브라우저에 모든 기능을 제공합니다.● 데이터를 시각적으로 보여주는 라이브러리 사이트https://d3js.org/ 
  • profile_image id 값을 다르게 하여 만드는 샘플 입니다.jQuery 여러개의 박스 겹치지 않게 만들기 할때 글로벌 변수를 하나 생성하고 이 값을 만들때 마다 변경하는 방식을 사용하여 서로 다른 선택자가 되게 생성을 하는 방식 입니다.<!DOCTYPE html><head>    <meta charset="UTF-8">    <title>여러개 만들기</title>    <link rel="styles…
  • profile_image 이미지 리사이즈 샘플 입니다.특이점은 이미지를 직접 resize 하는 것이 아니라 밖에 감싸고 있는 div를 이용해서 리사이즈 하면서 크기가 변경 되면 실시간으로 img 태그의 이미지의 크기를 변경 처리 합니다.이미지 resize 시작할때와 마무리(멈춤 - 끝났을때) 테두리를 변경해 줍니다.<!DOCTYPE html><head>    <meta charset="UTF-8">    <title>apply…
  • profile_image 테스트 할때 잘 발생하는 문제는 버전이 서로 맞지 않아서 생기는 문제 입니다.샘플도 중요하지만 각 프러그인에 서로 호환되는 버전을 사용 했는지 jQuery 사이트에서 확인하는 습관이 중요 합니다.아래는 간단하게 마우스 드레그 하는 샘플 입니다. 아래 예제의 특징은 이미지를 움직이는데 이미지를 직접 움직이는 것이 아니라 밖에 감싸고 있는 DIV를 사용 한다는 것입니다.<!DOCTYPE html><head>    <met…
  • profile_image 간혹 특정 ID(선택자)에 속한(하위) 전체를 확인하고 싶을 때가 있습니다.동적으로 생성되는 경우 더더욱 그렇습니다.<script>function getNextNodesIn(node, includeWhitespaceNodes){  var textNodes = [], nonWhitespaceMatcher = /\S/;  function getNextNodes(node)  {    /*      1: 요소-엘리먼트      2: 속성  …
  • profile_image 절차적으로 실행 되도록 테스트 되어진 nodejs용 MySql 커넥션 후 데이터 가져오는 샘플 입니다.다른 언어를 사용해 봤다면 몇가지 문법적인 것만 익히면 어렵지 않습니다.코드를 간결하게 하는 부분은 좀 사용을 해야 가능 할듯 합니다./* * 참고자료 * * https://www.npmjs.com/package/sleep * https://www.npmjs.com/package/mysql2#installation * * sleep.sleep(…