개발관련 6 페이지

가끔 필요한데 말입니다. 텍스트로 리다이렉션 시킨 다음 텍스트 에디터 열어서 찾거나 했는데 명령이 있었네요.리눅스에선 일상 처럼 사용 되는 명령이 grep 입니다.필터링 해서 봐야할 필요성이 많기 때문이죠. 윈도우에선 findstr 을 사용하면 되며 좀더 많은 옵션을 보려면 findstr /? 하시면 됩니다.아래는 실행한 예제 입니다.C:\Users\pabburi\Downloads>tasklist | findstr msedgemsedgewebview2.exe 8868 Console &n…

윈도우 환경에서 네트워크 연결된 프로그램 현황 자세히 보는 프로그램

tcp, udp 포트와 연결된 프로그램 까지 자세하게 볼 수 있는 프로그램 입니다.보통 cmd 에서 netstat -antp 형태로 보곤 하는데요.이 명령 보다는TCPView 프로그램 받아서 보는것이 훨씬 용이 합니다.로컬 및 원격 주소 및 TCP 연결 상태를 포함하여 시스템의 모든 TCP 및 UDP 엔드포인트에 대한 자세한 목록을 표시하는 Windows 프로그램으로 엔드포인트를 소유하는 프로세스의 이름도 보이며 TCPView는 Windows 함께 제공되는 Netstat 프로그램의 보다 유익하고 편리하게 제공되는 하위 집합을 제공합니다 쉘(CMD)에서는 Tcpvcon 사용 하면 됩니다. 기본으로 제공되고 있는 …

크롬 브라우저의 실제 사용결과 보고서(크롬 UX 리포트)

사용해본지 최소 1년이상은 된것 같은데 기억이 있어 다시 찾아 봤는데 보는 방법이 변경 되었다.이 리포트는 실제 크롬 사용자의 결과이기 때문에 정확도가 높다고 볼 수 있다.일반적인 사이트의 테스트는 라이트하우스로 충분하다.그렇기 때문에 필요 없을 수 있다고 판단 할 수 있으나 괘적한 환경의 테스트와 실제 사용자의 결과는 다를 수 있기 때문에 볼 필요는 있는 것이다. 라이트 하우스를 통해서 볼 수 있는것과 비슷하다.속도를 빠르게 하고 싶으면 첫번째는 전체 로딩속도가 빨라야 하며 더 중요한것은 퍼블리셔가 사이트 설계 할때 한번에 전체가 보이는 방식 보다는 HTML 출력이 되면 보이게 처리 하는 그런것도 …

vscode <?php 쉽게 입력하는 방법

스니펫을 사용하시면 됩니다.자주 사용하는 것은 스니펫을 활용해 주세요. 코딩을 좀 더 빠르게 할 수 있습니다.아래 순서대로 설정을 하면 됩니다.File > Preferences > User Snippets > html.json파일 > 기본설정 > 사용자 코드 조각 구성 > html 선택파일 > 기본설정 > 사용자 코드 조각 구성 > php 선택 안되는곳이 있는데요. 이는 본래 안되는것인지 아니면 html의 css 자동완성 확장기능 때문인지는 정확히 알 수 없으나 HTML 태그의 속성 입력하는 곳에서는 작동 하지 않습니다. 태그안에서는 잘 됩니다."php tag":…

무료 실시간동기화, 배치작업 가능한 윈도우 파일 동기화 프로그램(단방향, 양방향 백업)

리눅스에선 rsync를 많이 사용하는데요. 이보다 더 좋은것이 윈도우에서 사용이 가능 합니다.rsync는 단방향에서 우수한 성능을 보여줍니다.https://freefilesync.org/download.php사용하면 단방향 양방향 빠른 동기화 백업이 가능하여 좋습니다.무료임에도 미러(단방향), 양방향, 실시간동기화, 배치작업(순차적으로) 설정이 가능한 오픈소스 파일 동기화 프로그램 입니다.처음 사용하시는 분은 영상 보시고 참고 하셔도 되지만 너무 쉽게 만들어져서 어렵지 않게 사용 가능 합니다.간혹 오류가 발생하는 경우가 있어 무시하는 옵션은 체크 해 주면 좋습니다.(체크 안한다고 되는것도 아니기 때문에 체크~)

크롬 브라우저 디버깅모드에서 전체 변수 출력하기

다른분이 만든것을 유지보수 하거나 해서 분석해야 할때는 또는 특정 사이트에 어떻게 만들어 졌는지 대략적으로 보고 싶을때 사용하기도 합니다.아래는 html 안에 있는것을 가져 왔지만 실제 사용은 브라우저의 디버깅 모드에서 콘솔 부분에 스크립트를 입력해 주면 현재 페이지에서 사용된 자바스크립트 변수가 전체가 출력 됩니다.* 당연한<script> 부분은 넣는것 아닙니다.* 브라우저 디버깅 모드에서 전체 변수 출력<script> for(var b in window) { if(window.hasOwnProperty(b)) console.log(b);}</script> …

SEO 사이트맵(sitemap.xml) 파일 만들기

중요한 설명 부분아래 참고하면 됩니다.아래는 이미지 포함하여 같이 만드는 방법인데요. 보통은 url 만 있어도 문제 되지 않습니다.요즘 구글 웹마스터 도구 들어가보면 동영상, 뉴스에 대한 메뉴가 보이는데요. 주요하단 의미가 됩니다.웹문서 검색 부분에선 구글이 제일 앞에 있습니다. 구글 보다 더 좋은 생각을 못한 다면 후발 주자는 선발 주자의 방법을 참고 할것입니다. * sitemap.xml 참고할 사항5만개 이상이거나 용량이 수십메가 된다면 분할해서 만들어 생성해야 되는 부분이 있으니 이 부분 반드시 적용 해야 됩니다.<url> <loc>https://www.test.com/1</lo…

vscode emmet(에밋) 사용이 안될 때 확인할것들

남들은 html파일 열어서 ! 탭 누르면 기본 html 와꾸 나온다는데 난 안되드라~이런 경우 확인해 볼것들에 대한 것입니다.퍼블리셔가 아니어도 개발자라면 html 입력할일이 종종 있기 때문에 몇가지만 외워둬도 손가각 관절 보호 효과가 있습니다.첫번재는 자주 있는 현상은 아니지만 빌트인 되어 있는것이 비활성화 되어 있지는 않는지 확인 합니다. 비활성화 상태면 아이콘 색이 흐릿 합니다.두번째는 Ctrl + , 명령으로 설정 상태로 들어간 다음 "emmet tab" 검색을 통해서 위 이미지 처럼 체크가 되어 있는지 확인 합니다. 체크 되어 있지 않으면 체크 하면 됩니다.세번째, 이 부분은 html에 대한 부분이 작…

웹사이트에서 쿠키를 사용하는 이유. 없으면 어떻게 되나!

웹사이트 웹브라우저에서 쿠키를 사용한다는 말을 어렵지 않게 들었을 것입니다.그렇다면 쿠키란 무엇인가?먹는것과 용어가 같아 굽는다는 표현도 사용하곤 합니다.결론 부터 말하면 HTTP의 프로토콜의 특징 때문에 연결이 끊어 지기 때문에 연결을 유지하는 목적으로 사용 됩니다. 웹사이트에서 쿠키를 사용하는 이유는?HTTP프로토콜이 커넥션리스 입니다. 즉, 웹서버의 지속연결 설정과 무관하게 요청한 데이터를 전송하면 연결은 끊어 집니다.브라우저로 보고 있는것과 무관합니다. 보통 사람은 전화처럼 생각을 많이 하곤 합니다. 그래서 동시 접속자가 얼마나 되나요 하고 물어보죠. 서버에선 동시 접속자를 알 수 있는 방법은 …

editplus 파일확장자와 프로그램명 연결

통상적으로 알려지지 않은 확장자를 php로 연결하고자 할때 사용하는것입니다.vscode 처럼 간단합니다. 아래 화면에 보이는 환경설정 대로 하면 바로 적용이 됩니다.문제는 1개만 되는듯 싶은데요.소문자로 넣으니 아래처럼 대문자 말고 소문자로 들어가는데요. 다시 소문자로 넣으니 중복 되어 들어가지 않습니다. vscode php가 아닌 확장자를 php로 연결하기(확장자와 프로그램연결) > 개발관련 (pabburi.co.kr)

vscode php가 아닌 확장자를 php로 연결하기(확장자와 프로그램연결)

예를들면 파일의 확장자가 php 아니라 pabburi 인 경우 아래와 같이 말입니다. 이럴때 파일을 읽으면 php로 인식하지 않고 txt로 인식 합니다. 이럴때 설정하는 것에 대한 것입니다.https://www.pabburi.co.kr/content/main.pabburiCtrl + , 명령으로 환경설정에 들어 갑니다.associations 검색하여 확장자와 프로그램을 연결해 주면 됩니다.

vscode sftp Packet length 1279348295 exceeds max length of 262144

이전에 작성 했던 글은 몇 주 동안 삽질하고 정리한? 형태로 적은 것인데 최근엔 인공두뇌가 잘 알려주기 때문에 오늘 정리한것으로 해결 되지 않으시는 분은 로그를 LLM에 던져 주면 될듯 합니다.* Packet length 183340172 exceeds max length of 262144 오류가 발생 하는 경우원인은 텍스트가 로그인 할때 출력되서 생기는 문제~/.bashrc 최상단에 아래를 넣어 주면 된다.# SFTP / non-interactive session 보호case $- in *i*) ;; *) return;;esac---vscode sftp 사용할때 프로토콜을…

min 파일 들여쓰기 및 줄바꿈 자동으로 해주는 사이트

용량을 줄이기 위해서 min 파일로 만들어진것 가독성 있게 들여쓰기를 해주는 사이트 입니다.vscode의 확장 프로그램 통해서도 가능하고 없을때는 아래 사이트에서 쉽게 가능 합니다. * min 파일 들여쓰기 및 줄바꿈 자동으로 해주는 사이트https://prettydiff.com/?m=beautifyhttps://tools.arantius.com/tabifier

sql인젝션 테스트(체크) 프로그램

프로그램을 작성하고 내가 만든 프로그램이 문제가 없는지 확인 할 수 있는 그런 프로그램의 한 종류 입니다.sql인젝션은 생각보다 많은 곳에서 문제를 일으키며 큰 회사에서 만든 프로그램이라고 크게 다르지도 않습니다. 체크 하지 않으면 문제를 알고 가는것일 수 있습니다. 방화벽의 기능이 있으면 잠시 꺼둔 다음 테스트를 하면 좀 더 확실하게 문제를 잡아 낼 수 있습니다.

ico변환 (파비콘 아이콘 변환하기) 작은용량 ico파일

파비콘용 ico 파일을 생성해야 되는 경우가 정말 가끔 있습니다.png를 ico로 변환하는 곳은 많습니다.그런데 생각보다 용량이 엄청 큰 경우가 많은데요.여러곳을 확인해 본결과 아래 사이트가 용량이 제일 적으면서 괜찮습니다.보통은 100KB가 넘을 정도의 크기를 다운로드 받게 합니다. 원본에 비하면 이해 할 수 없는 크기로 변환이 됩니다. PNG를 ICO로 변환 - PNG에서 아이콘 생성하기 - HiPDF

vscode ftp 연결이 잘 안될때 사용하는 방법

이런류의 프로그램의 종류와 특징을 간단하게 살펴 보면▷ NetDrive (넷드라이브)가장 오래되고 널리 알려진 프로그램 중 하나이고 원격 저장소(FTP, WebDAV, SMB/CIFS, NAS, 다양한 클라우드 서비스 등)를 마치 로컬 하드 드라이브처럼 PC의 드라이브 문자(예: Z: 드라이브)로 연결해주는 프로그램입니다.▷ RaiDrive (레이드라이브)NetDrive와 유사하게 FTP, SFTP, WebDAV, SMB/CIFS는 물론 Google Drive, OneDrive 등 클라우드 스토리지를 가상 드라이브로 연결하는 기능을 제공~최근 사용자들에게 인지도가 높아졌고 무료 버전에서도 많은 기능을 지원하는 것이 특징…

vscode ftp 프로그램 사용(sftp/ftp)

vscode 무료 이면서 쓸만한데 제대로 되는것이 없어 참 불편한 프로그램 입니다. 하나 잘못 만나면 시간좀 들어가기도 하고 그렇습니다. 무료로 쓰면서 불만이 많다고 볼 수 있겠지만 사용한 시간 생각하면 글쌔요 라는 생각이 들기도 합니다.ftp 프로그램 제대로 된것 만나는것도 운 입니다.별표의 역활을 못하기 때문입니다.소개해 드릴것은 sftp 입니다.전 제 잘못인지 모르겠으나 sftp 설정은 못했습니다. ssh fs 프로그램을 통한 설정은 문제 없이 잘 되었는데 이 프로그램은 성공하지 못했습니다.그런데 왜? 소개를 하나 싶을 텐데요. "Edit in Local" 을 통해서 다운로드 받아 편집하는 방식을 사용하면 함수에 …

vscode 업그레이드 하지 않게 설정 하는 방법(다운그레이드)

vscode 좋은 제품인것만에 틀림이 없는데 업그레이드 되면서 안되거나 이상증상이 발생 하곤 합니다. 난 현재 환경에서 문제 없으면 그냥 사용 해도 문제 없는데 말입니다. 오늘 다시 설치 하면서 안되서 되던것이 안되어 이것 저것 하면서 3시간 넘게 걸린것 같습니다. 위 이미지 처럼 업그레이드 안되게 하고.예전 버전으로 설치하고 싶은 경우 아래 링크를 통해서 다시 설치가 가능 합니다.그리고 설치하면 하면 설정은 그대로 있으니 별도 시간이 들어가지 않습니다.* vscode 다운그레이드 파일 받을 수 있는 링크Visual Studio Code November 2021 * 다운그레이드 문제점처음부터 업데이트 …

vscode sshfs 사용하기(ssh2 원격서버 접속)

vscode에서 원격지에 있는 컴퓨터를 접속하여 사용하는 방법에는 여러가지 방법이 있습니다.1) ftp를 이용하는 방법2) sftp를 이용하는 방법 ssh23) 삼바같은 네트웍연결위에서 3)번에 해당하는 것은 클라우드나 삼바 webdav등 모든것을 연결해주는 프로그램이 있는데 이것을 이용하면 로컬에 있는 드라이브처럼 사용이 가능하여 이것을 이용하는 방법도 괜찮습니다. 물론 보안에 문제가 되지 않는다면 말입니다. vscode sshfs 사용하기 이 프로그램의 특징은 vscode에서 터미널로 쉽게 접속이 됩니다. ssh2에 대한 설정이 다 되어 있기 때문에 터미널 모양의 아이콘을 클릭하면 바로 리…

듀얼모니터 윈도우10 하단 작업표시줄 보이지 않게 설정하는 방법

모니터를 2개 사용할때 메인에서만 작업표시줄이 보이고 다른 모니터에선 보이지 않았으면 하는 경우가 있습니다.연결을 하기는 하였지만 듀얼이란것이 사용해보면 처음엔 그리 간단하지 않습니다. 양쪽을 모두 자주 보는 경우는 덜 하지만 간혹 보는 경우는 전에는 보이지 않던것이 저쪽에 뭔가 있습니다. 그런 문제 때문에 필요할때만 창을 넘기고 그렇지 않은 경우는 검은 화면으로 있는 경우가 좋을때도 있는데요. 그런 경우 유용 합니다. 듀얼모니터 윈도우10 하단 작업표시줄 보이지 않게 설정하는 방법 (윈도우 하단바 보이지 않게)아래 기본설정이 해제 되어 있는에 여러모니터 사용시 작업표시줄을 보이지 않게 …

크롬 브라우저 정보 변경하기(chrome browser user-agent info change)

간혹 모바일 환경을 봐야 하는 경우가 있습니다.반응형으로 만들었을 경우는 무제가 되지 않지만 user-agent를 기반으로 자동으로 보내거나 하는 경우에 대해 확인을 해봐야 하는데요. 스마트폰 같은것으로 확인하기 번거롭고 시간도 걸리기 때문에 이럴때 이용하면 유용 합니다. 또는 브라우저에 따라 조건을 주는 경우가 있을 수 있는데요. 여러가지 용도로 사용하기 좋습니다. 크롬 브라우저 정보 변경하기(chrome browser user-agent info change)User-Agent Switcher for Chrome - Chrome 웹 스토어 (google.com) 쉽게 찾는것은 구글에서 검…

눈에 안 보이는 문자 삭제해야 할 대상

아래와 같다. 아래에서 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 유닉스계역

vscode 아래줄 당기는 기능(줄연결)

다른 에디터에서 사용하던것이 생각나서 찾아 봤는데 기본단축키는 없지만 사용할 수 있는 기능이 있어서 설정 하게 되었습니다.이기능 없어도 사용하는데는 문제 없지만 아래쪽에 공백이 많으면 한줄을 당기려면 좀 지워야 하는데 이 기능을 사용하면 바로 공백 한칸 사이로 붙어 집니다. vscode 아래줄 당기는 기능(줄연결) 설정 방법은Ctrl + K 누르고 S 를 누르면 위 하면이 나옵니다. 그리고 join 으로 검색을 하신 다음 단축키 설정을 하면 됩니다. VSCODE 단축키 - vscode 단축키 MS 윈도우용 > 문서 자료실

크롬 헤드리스 브라우저 사용하기 - 사이트 스크린샷 이미지 저장

우리가 흔하게 사용하는 크롬 브라우저를 이용하는 헤드리스 브라우저 입니다. 헤드리스 브라우저는 우리가 보는 GUI 환경 없이 웹사이트를 방문한다는 의미 입니다. 브라우저 이기 때문에 자바스크립트까지 모두 실제 브라우저와 같이 실행 됩니다. 프록시서버를 경유할 경우--proxy-server=주소:포트 실행하고 바로 나오는것이 아니라 약간 기다려야 한다. - HTML 소스 보기: --dump-dom - pdf로 저장하기: --print-to-pdf=저장위치및파일명.pdf - 이미지로 저장하기: --screenshot=저장위치및파일명.jpg 헤드리스 브라우저 -…

현재 사용가능한 아카이브 (박제)사이트

거짓말에 대한 대응으로 필요한 아카이브 사이트 입니다.요즘은 트래픽이 많아지고 스토리지 용량 문제 인지 현재 확인 되어 사용 가능한것은 아래 2개 사이트만 있습니다. 그리고 제한도 있고 캡차를 넣어 되기도 합니다. 하지만 개인적으로 필요한 경우 한두개 가끔 저장해 두는데는 문제가 되지 않습니다. 아카이브 사이트https://archive.org/web/web.phphttps://archive.ph/

에디터플러스 이전에 열었던 파일 다시 자동으로 열기

파일을 열었던것을 다시 여는 기능은 이전에(전날) 컴퓨터 재부팅 하고 나서 에디터플러스만 실행하면 자동으로 열리게 되면 굉장히 편한 점이 있습니다.단, 주의해야 할것은 여러사람이 같이 작업하는 경우 ftp를 통해 파일을 읽어 들인것은 수정 하고 반드시 닫아야 합니다. 자신도 모르게 저장해서 다른 직원이 작업한 것을 덮어 씌울 수 있습니다.도구 > 기본설정 을 통해서 위 이미지를 볼 수 있습니다.무척 편한 만큼 주의해서 사용하지 않으면 문제가 생길 수 있습니다. 현재 까지 나 혼자 사용하는 파일의 경우는 문제 될것이 없었습니다.

pdfjs 한글이 깨져서 안보이거나 표현이 안될때

기본적으로 제공되는 viewer.html 을 사용하면 잘 보입니다.그렇지만 예제 샘플을 통해 구현을 하면 한글이 제대로 표현이 안되는 경우를 볼 수 있는데요. 소스를 약간 수정해 주면 됩니다. 그리고 이 경우는 F12 디버깅 모드에서 404를 볼 수 있습니다. 이부분을 해결해 주면 한글을 표현해 줄 수 있습니다. 제가 처리한 부분은 pdf.worker.js 파일에서 아래 부분을 수정해 주면 됩니다.제가 사용한 버전에선 22168 라인 이었습니다.url 부분입니다. if (this.options.cMapUrl !== null) { //const …

xpdf를 활용하여 pdf 이미지 변환 텍스트추출 및 페이지수 확인하기

파일명을 보면 대략 무엇을 할 수 있는지 알 수 있습니다.얼마나 잘 되는지 확인해 봐야겠지만 아래와 같습니다. 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…

윈도우 언제 설치 되었는지 아는 방법(확인하기) systeminfo

사용하고 윈도우가 언제 설치 되었는지 확인하는 방법입니다. 오래된 경우 정확히 언제 설치 되었는지 확인해야 되는 경우가 있는데 이런 경우 사용하면 유용합니다. 컴앤드 명령 라인에서 아래 명령을 내리면 됩니다.systeminfo원래 설치 날짜: 2022-03-21, 오후 11:43:48시스템 부트 시간: 2022-04-11, 오전 7:37:54시스템 제조업체: Microsoft Corporation위 이외에 메모리나 프로세스, OS 관련된 정보를 …