개발관련 6 페이지
개발관련
전체 225건 6 페이지
  • profile_image 다른분이 만든것을 유지보수 하거나 해서 분석해야 할때는 또는 특정 사이트에 어떻게 만들어 졌는지 대략적으로 보고 싶을때 사용하기도 합니다.아래는 html 안에 있는것을 가져 왔지만 실제 사용은 브라우저의 디버깅 모드에서 콘솔 부분에 스크립트를 입력해 주면 현재 페이지에서 사용된 자바스크립트 변수가 전체가 출력 됩니다.* 당연한<script> 부분은 넣는것 아닙니다.* 브라우저 디버깅 모드에서 전체 변수 출력<script>  for(var b in window) {  if(window.hasOwnProperty(b)) console.log(b);}</script> …
  • profile_image 중요한 설명 부분아래 참고하면 됩니다.아래는 이미지 포함하여 같이 만드는 방법인데요. 보통은 url 만 있어도 문제 되지 않습니다.요즘 구글 웹마스터 도구 들어가보면 동영상, 뉴스에 대한 메뉴가 보이는데요. 주요하단 의미가 됩니다.웹문서 검색 부분에선 구글이 제일 앞에 있습니다. 구글 보다 더 좋은 생각을 못한 다면 후발 주자는 선발 주자의 방법을 참고 할것입니다. * sitemap.xml 참고할 사항5만개 이상이거나 용량이 수십메가 된다면 분할해서 만들어 생성해야 되는 부분이 있으니 이 부분 반드시 적용 해야 됩니다.<url> <loc>https://www.test.com/1</lo…
  • profile_image 남들은 html파일 열어서 ! 탭 누르면 기본 html 와꾸 나온다는데 난 안되드라~이런 경우 확인해 볼것들에 대한 것입니다.퍼블리셔가 아니어도 개발자라면 html 입력할일이 종종 있기 때문에 몇가지만 외워둬도 손가각 관절 보호 효과가 있습니다.첫번재는 자주 있는 현상은 아니지만 빌트인 되어 있는것이 비활성화 되어 있지는 않는지 확인 합니다. 비활성화 상태면 아이콘 색이 흐릿 합니다.두번째는 Ctrl + , 명령으로 설정 상태로 들어간 다음 "emmet tab" 검색을 통해서 위 이미지 처럼 체크가 되어 있는지 확인 합니다. 체크 되어 있지 않으면 체크 하면 됩니다.세번째, 이 부분은 html에 대한 부분이 작…
  • profile_image 웹사이트 웹브라우저에서 쿠키를 사용한다는 말을 어렵지 않게 들었을 것입니다.그렇다면 쿠키란 무엇인가?먹는것과 용어가 같아 굽는다는 표현도 사용하곤 합니다.결론 부터 말하면 HTTP의 프로토콜의 특징 때문에 연결이 끊어 지기 때문에 연결을 유지하는 목적으로 사용 됩니다. 웹사이트에서 쿠키를 사용하는 이유는?HTTP프로토콜이 커넥션리스 입니다. 즉, 웹서버의 지속연결 설정과 무관하게 요청한 데이터를 전송하면 연결은 끊어 집니다.브라우저로 보고 있는것과 무관합니다. 보통 사람은 전화처럼 생각을 많이 하곤 합니다. 그래서 동시 접속자가 얼마나 되나요 하고 물어보죠. 서버에선 동시 접속자를 알 수 있는 방법은 …
  • profile_image 통상적으로 알려지지 않은 확장자를 php로 연결하고자 할때 사용하는것입니다.vscode 처럼 간단합니다. 아래 화면에 보이는 환경설정 대로 하면 바로 적용이 됩니다.문제는 1개만 되는듯 싶은데요.소문자로 넣으니 아래처럼 대문자 말고 소문자로 들어가는데요. 다시 소문자로 넣으니 중복 되어 들어가지 않습니다. vscode php가 아닌 확장자를 php로 연결하기(확장자와 프로그램연결) > 개발관련 (pabburi.co.kr) 
  • profile_image 예를들면 파일의 확장자가 php 아니라 pabburi 인 경우 아래와 같이 말입니다. 이럴때 파일을 읽으면 php로 인식하지 않고 txt로 인식 합니다. 이럴때 설정하는 것에 대한 것입니다.https://www.pabburi.co.kr/content/main.pabburiCtrl + , 명령으로 환경설정에 들어 갑니다.associations 검색하여 확장자와 프로그램을 연결해 주면 됩니다.
  • profile_image vscode sftp 사용할때 프로토콜을 sftp 사용시 접속이 안되는 현상에 대한 것입니다.메시지는 아래와 같습니다.Packet length 1279348295 exceeds max length of 262144  "name": "test_3",    "context": "test3",    "host": "www.pabburi.co.kr",    "protocol": "sftp",    "port": 22,    "username": "testmm",    "password": "testpw"위와…
  • profile_image 용량을 줄이기 위해서 min 파일로 만들어진것 가독성 있게 들여쓰기를 해주는 사이트 입니다.vscode의 확장 프로그램 통해서도 가능하고 없을때는 아래 사이트에서 쉽게 가능 합니다. * min 파일 들여쓰기 및 줄바꿈 자동으로 해주는 사이트https://prettydiff.com/?m=beautifyhttps://tools.arantius.com/tabifier
  • profile_image 프로그램을 작성하고 내가 만든 프로그램이 문제가 없는지 확인 할 수 있는 그런 프로그램의 한 종류 입니다.sql인젝션은 생각보다 많은 곳에서 문제를 일으키며 큰 회사에서 만든 프로그램이라고 크게 다르지도 않습니다. 체크 하지 않으면 문제를 알고 가는것일 수 있습니다. 방화벽의 기능이 있으면 잠시 꺼둔 다음 테스트를 하면 좀 더 확실하게 문제를 잡아 낼 수 있습니다. 
  • profile_image 파비콘용 ico 파일을 생성해야 되는 경우가 정말 가끔 있습니다.png를 ico로 변환하는 곳은 많습니다.그런데 생각보다 용량이 엄청 큰 경우가 많은데요.여러곳을 확인해 본결과 아래 사이트가 용량이 제일 적으면서 괜찮습니다.보통은 100KB가 넘을 정도의 크기를 다운로드 받게 합니다. 원본에 비하면 이해 할 수 없는 크기로 변환이 됩니다. PNG를 ICO로 변환 - PNG에서 아이콘 생성하기 - HiPDF 
  • profile_image 이런류의 프로그램의 종류와 특징을 간단하게 살펴 보면▷ NetDrive (넷드라이브)가장 오래되고 널리 알려진 프로그램 중 하나이고 원격 저장소(FTP, WebDAV, SMB/CIFS, NAS, 다양한 클라우드 서비스 등)를 마치 로컬 하드 드라이브처럼 PC의 드라이브 문자(예: Z: 드라이브)로 연결해주는 프로그램입니다.▷ RaiDrive (레이드라이브)NetDrive와 유사하게 FTP, SFTP, WebDAV, SMB/CIFS는 물론 Google Drive, OneDrive 등 클라우드 스토리지를 가상 드라이브로 연결하는 기능을 제공~최근 사용자들에게 인지도가 높아졌고 무료 버전에서도 많은 기능을 지원하는 것이 특징…
  • profile_image vscode 무료 이면서 쓸만한데 제대로 되는것이 없어 참 불편한 프로그램 입니다. 하나 잘못 만나면 시간좀 들어가기도 하고 그렇습니다. 무료로 쓰면서 불만이 많다고 볼 수 있겠지만 사용한 시간 생각하면 글쌔요 라는 생각이 들기도 합니다.ftp 프로그램 제대로 된것 만나는것도 운 입니다.별표의 역활을 못하기 때문입니다.소개해 드릴것은 sftp 입니다.전 제 잘못인지 모르겠으나 sftp 설정은 못했습니다. ssh fs 프로그램을 통한 설정은 문제 없이 잘 되었는데 이 프로그램은 성공하지 못했습니다.그런데 왜? 소개를 하나 싶을 텐데요. "Edit in Local" 을 통해서 다운로드 받아 편집하는 방식을 사용하면 함수에 …
  • profile_image vscode 좋은 제품인것만에 틀림이 없는데 업그레이드 되면서 안되거나 이상증상이 발생 하곤 합니다. 난 현재 환경에서 문제 없으면 그냥 사용 해도 문제 없는데 말입니다. 오늘 다시 설치 하면서 안되서 되던것이 안되어 이것 저것 하면서 3시간 넘게 걸린것 같습니다. 위 이미지 처럼 업그레이드 안되게 하고.예전 버전으로 설치하고 싶은 경우 아래 링크를 통해서 다시 설치가 가능 합니다.그리고 설치하면 하면 설정은 그대로 있으니 별도 시간이 들어가지 않습니다.* vscode 다운그레이드 파일 받을 수 있는 링크Visual Studio Code November 2021 * 다운그레이드 문제점처음부터 업데이트 …
  • profile_image vscode에서 원격지에 있는 컴퓨터를 접속하여 사용하는 방법에는 여러가지 방법이 있습니다.1) ftp를 이용하는 방법2) sftp를 이용하는 방법 ssh23) 삼바같은 네트웍연결위에서 3)번에 해당하는 것은 클라우드나 삼바 webdav등 모든것을 연결해주는 프로그램이 있는데 이것을 이용하면 로컬에 있는 드라이브처럼 사용이 가능하여 이것을 이용하는 방법도 괜찮습니다. 물론 보안에 문제가 되지 않는다면 말입니다. vscode sshfs 사용하기 이 프로그램의 특징은 vscode에서 터미널로 쉽게 접속이 됩니다. ssh2에 대한 설정이 다 되어 있기 때문에 터미널 모양의 아이콘을 클릭하면 바로 리…
  • profile_image 모니터를 2개 사용할때 메인에서만 작업표시줄이 보이고 다른 모니터에선 보이지 않았으면 하는 경우가 있습니다.연결을 하기는 하였지만 듀얼이란것이 사용해보면 처음엔 그리 간단하지 않습니다. 양쪽을 모두 자주 보는 경우는 덜 하지만 간혹 보는 경우는 전에는 보이지 않던것이 저쪽에 뭔가 있습니다. 그런 문제 때문에 필요할때만 창을 넘기고 그렇지 않은 경우는 검은 화면으로 있는 경우가 좋을때도 있는데요. 그런 경우 유용 합니다.  듀얼모니터 윈도우10 하단 작업표시줄 보이지 않게 설정하는 방법   (윈도우 하단바 보이지 않게)아래 기본설정이 해제 되어 있는에 여러모니터 사용시 작업표시줄을 보이지 않게 …
  • profile_image 간혹 모바일 환경을 봐야 하는 경우가 있습니다.반응형으로 만들었을 경우는 무제가 되지 않지만 user-agent를 기반으로 자동으로 보내거나 하는 경우에 대해 확인을 해봐야 하는데요. 스마트폰 같은것으로 확인하기 번거롭고 시간도 걸리기 때문에 이럴때 이용하면 유용 합니다. 또는 브라우저에 따라 조건을 주는 경우가 있을 수 있는데요. 여러가지 용도로 사용하기 좋습니다. 크롬 브라우저 정보 변경하기(chrome browser user-agent info change)User-Agent Switcher for Chrome - Chrome 웹 스토어 (google.com)  쉽게 찾는것은 구글에서 검…
  • 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" (ASCII 11 (0x0B)), a vertical tab.\r\n 윈도우\r 맥킨토시\n 유닉스계역
  • profile_image 다른 에디터에서 사용하던것이 생각나서 찾아 봤는데 기본단축키는 없지만 사용할 수 있는 기능이 있어서 설정 하게 되었습니다.이기능 없어도 사용하는데는 문제 없지만 아래쪽에 공백이 많으면 한줄을 당기려면 좀 지워야 하는데 이 기능을 사용하면 바로 공백 한칸 사이로 붙어 집니다.  vscode 아래줄 당기는 기능(줄연결) 설정 방법은Ctrl + K 누르고 S 를 누르면 위 하면이 나옵니다. 그리고 join 으로 검색을 하신 다음 단축키 설정을 하면 됩니다. VSCODE 단축키   - vscode 단축키 MS 윈도우용 > 문서 자료실  
  • profile_image 우리가 흔하게 사용하는 크롬 브라우저를 이용하는 헤드리스 브라우저 입니다. 헤드리스 브라우저는 우리가 보는 GUI 환경 없이 웹사이트를 방문한다는 의미 입니다. 브라우저 이기 때문에 자바스크립트까지 모두 실제 브라우저와 같이 실행 됩니다.   프록시서버를 경유할 경우--proxy-server=주소:포트 실행하고 바로 나오는것이 아니라 약간 기다려야 한다.  - HTML 소스 보기: --dump-dom  - pdf로 저장하기: --print-to-pdf=저장위치및파일명.pdf  - 이미지로 저장하기: --screenshot=저장위치및파일명.jpg 헤드리스 브라우저  -…
  • profile_image 거짓말에 대한 대응으로 필요한 아카이브 사이트 입니다.요즘은 트래픽이 많아지고 스토리지 용량 문제 인지 현재 확인 되어 사용 가능한것은 아래 2개 사이트만 있습니다. 그리고 제한도 있고 캡차를 넣어 되기도 합니다. 하지만 개인적으로 필요한 경우 한두개 가끔 저장해 두는데는 문제가 되지 않습니다.  아카이브 사이트https://archive.org/web/web.phphttps://archive.ph/
  • profile_image 파일을 열었던것을 다시 여는 기능은 이전에(전날) 컴퓨터 재부팅 하고 나서 에디터플러스만 실행하면 자동으로 열리게 되면 굉장히 편한 점이 있습니다.단, 주의해야 할것은 여러사람이 같이 작업하는 경우 ftp를 통해 파일을 읽어 들인것은 수정 하고 반드시 닫아야 합니다. 자신도 모르게 저장해서 다른 직원이 작업한 것을 덮어 씌울 수 있습니다.도구 > 기본설정 을 통해서 위 이미지를 볼 수 있습니다.무척 편한 만큼 주의해서 사용하지 않으면 문제가 생길 수 있습니다. 현재 까지 나 혼자 사용하는 파일의 경우는 문제 될것이 없었습니다.
  • profile_image 기본적으로 제공되는 viewer.html 을 사용하면 잘 보입니다.그렇지만 예제 샘플을 통해 구현을 하면 한글이 제대로 표현이 안되는 경우를 볼 수 있는데요. 소스를 약간 수정해 주면 됩니다. 그리고 이 경우는 F12 디버깅 모드에서 404를 볼 수 있습니다. 이부분을 해결해 주면 한글을 표현해 줄 수 있습니다. 제가 처리한 부분은 pdf.worker.js 파일에서 아래 부분을 수정해 주면 됩니다.제가 사용한 버전에선 22168 라인 이었습니다.url 부분입니다.    if (this.options.cMapUrl !== null) {      //const …
  • profile_image 파일명을 보면 대략 무엇을 할 수 있는지 알 수 있습니다.얼마나 잘 되는지 확인해 봐야겠지만 아래와 같습니다. pdf의 텍스트 추출하기 이미지변환 html변환등 일반적으로 필요할것 같은것은 모두 지원합니다. 안탑갑게도 한글을 사용하는 우리는 잘 되는지 추가적인 확인이 필요합니다.xpdf-tools-linux-4.03/bin64/pdftotextxpdf-tools-linux-4.03/bin64/pdfinfoxpdf-tools-linux-4.03/bin64/pdftopngxpdf-tools-linux-4.03/bin64/pdfimagesxpdf-tools-linux-4.03/bin64/pdftoppmxpdf-tools-li…
  • profile_image 사용하고 윈도우가 언제 설치 되었는지 확인하는 방법입니다. 오래된 경우 정확히 언제 설치 되었는지 확인해야 되는 경우가 있는데 이런 경우 사용하면 유용합니다. 컴앤드 명령 라인에서 아래 명령을 내리면 됩니다.systeminfo원래 설치 날짜:          2022-03-21, 오후 11:43:48시스템 부트 시간:        2022-04-11, 오전 7:37:54시스템 제조업체:         Microsoft Corporation위 이외에 메모리나 프로세스, OS 관련된 정보를 …
  • profile_image 마우스나 키보드를 건드리면 컴퓨터가 켜지는 것은 간혹 문제를 일으키기 때문에 전원 버튼만 절전모드를 해제해야 하는 경우가 있습니다. 일반적으로 집에서 노트북 사용하게 되면 절전모드 해제를 마우스만 움직여도 해제되게 사용하기도 합니다.절전모드 키보드 마우스 해제 안되게 하는 방법에 대해것인데요. 이렇게 하면 전원버튼만 가능합니다.컴퓨터 켜는것과 동일한데 이전에 사용하던 프로그램들이 실행되어 있는것이 남아 있는것이 특징입니다. 시스템 > 고급시스템설정 > 장치관리자아래 장치 관리자 화면 입니다. 키보드, 마우스를 선택하면 됩니다. 어떤것을 사용하고 있는지 모르기 때문에 키보드에 해당하는 것을 모…
  • profile_image 자동 들여쓰기가 on 되어 있어서 생기는 문제인데 인텐트라고 검색을 해도 관련하여 나온다. 이게 본래 없던 기능인데 자동으로 설정을 해서 여러사람 힘들게 하는지 ...CentOS에서는 vi와 vim 별도 설치가 되어 vi로 열면 이런 문제가 안생긴다.( 흑백으로 나옴 )아마존리눅스에선 vim만 설치되고 vi 실행하면 vim이 열리도록 되어 있어서 찾아 보게 되었다.결론부터 말하면 vi 명령모드에서 set paste 내리면 된다.그리고 나같이 가끔 열어보는 용도나 약간의 수정만 하면서 사용하는 사람에겐 환경설정 파일을 열어서 영구적인 설정을 하면 된다.영구적으로 자동들여쓰기 기능을 off 하는 방법은 아래와 같다.vim …
  • profile_image 웹사이트에서 사용하는 파비콘 아이콘은 무료로 만들어 주는 사이트가 많이 있으니 그곳을 이용해도 됩니다. 단 어떤곳만 빼고 모두 이미지사이즈가 상당히 크게 나옵니다. 이는 깨지는것을 방지하기 위해서 그런것 같습니다.아쉽게도 작은 사이즈로 나오는 그 사이트를 적어 두지 않아 몰라 이번에 이미지 매직을 이용한 방법을 사용해 보게 되었는데요. 방법은 다음과 같습니다.convert 로고-파일_256x256.png -bordercolor white -border 0 ( -clone 0 -resize 16x16 ) ( -clone 0 -resize 24x24 ) ( -clone 0 -resize 32x32 ) ( -clone 0 -…
  • profile_image 1) 포트 변경방법rsync의 디폴트 포트는 873 입니다. 알려진 포트가 열려저 있으면 기본 포트스캔으로 알 수 있으니 자신만 사용하는 것이라면 다른 포트로 변경하여 사용하는것이 좋습니다. 어떤 것이든 디폴트 포트 보다는 불특정 다수의 서비스가 아니라면 반드시 포트는 변경하는 것이 좋은 방법중 하나 입니다.아래처럼 환경설정 파일에서 포트 부분을 적어주면 됩니다. 예전엔 service 파일에서 변경해 주거나 했는데 centOS7 에선 이렇게 간단하게 해주면 됩니다.vim /etc/rsyncd.conf port = 18873max connections = 45[TROOT]path = /uid = rootgid =…
  • profile_image 윈도우용 프로그램 입니다. 간혹 하위 디렉토리 까지 포함하여 해당 디렉토리의 용량이 얼마나 되는지 알고 싶을 때가 있습니다. 그럴대 매우 유용한 프로그램을 소개 합니다.저 같은 경우는 디스크 정리를 위해서 ... 왜? 항상 용량은 부족한지!!삭제해야 되는 디렉토리 또는 어떤 프로그램이 설치된것 때문에 용량이 많은지 확인 하는 용도로 가끔 잘 사용 합니다.사용해 보면 상당히 유용한 기능을 가지고 있습니다.리눅스에선 du --max-depth=1 -h ./명령과 같은 역활의 윈도우용 프로그램이라고 볼 수 있습니다.
  • profile_image 간혹 전송 테스트를 하거나 또는 로컬에서의 복사속도나 쓰기 속도등을 테스트 할때 아무 의미 없는 더미파일을 만들어야 되는 경우가 있는데 이때 사용하면 좋은 파일생성 프로그램 입니다.보통 파일의 용량은 Byte 단위이며 1KByte는 1000Byte가 아니라 1024Byte 입니다. 현재 우리가 사용하는 컴퓨터는 2진수를 사용하는데 계산을 하면 그렇습니다. 1MByte는 1024 * 1024 의 결과 입니다.그래서 용량을 계산하면 아래와 같습니다.1MB = 1048576 Byte1GB = 1073741824 Byte1TB = 1099511627776 Byte1PB = 1125899906842624 Byte생각해보면 자격증…
게시물 검색

상업적 이용 금지. 컨텐츠는 개인 용도로만 사용이 가능 합니다.