개발관련 7 페이지

크롬 브라우저 정보 변경하기(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 관련된 정보를 …

절전모드 키보드 마우스 해제 안되게 하는 방법(전원버튼만 가능하게)

마우스나 키보드를 건드리면 컴퓨터가 켜지는 것은 간혹 문제를 일으키기 때문에 전원 버튼만 절전모드를 해제해야 하는 경우가 있습니다. 일반적으로 집에서 노트북 사용하게 되면 절전모드 해제를 마우스만 움직여도 해제되게 사용하기도 합니다.절전모드 키보드 마우스 해제 안되게 하는 방법에 대해것인데요. 이렇게 하면 전원버튼만 가능합니다.컴퓨터 켜는것과 동일한데 이전에 사용하던 프로그램들이 실행되어 있는것이 남아 있는것이 특징입니다. 시스템 > 고급시스템설정 > 장치관리자아래 장치 관리자 화면 입니다. 키보드, 마우스를 선택하면 됩니다. 어떤것을 사용하고 있는지 모르기 때문에 키보드에 해당하는 것을 모…

리눅스 vi에디터 붙여넣기 하면 밀리는 현상(자동들여쓰기 문제)

자동 들여쓰기가 on 되어 있어서 생기는 문제인데 인텐트라고 검색을 해도 관련하여 나온다. 이게 본래 없던 기능인데 자동으로 설정을 해서 여러사람 힘들게 하는지 ...CentOS에서는 vi와 vim 별도 설치가 되어 vi로 열면 이런 문제가 안생긴다.( 흑백으로 나옴 )아마존리눅스에선 vim만 설치되고 vi 실행하면 vim이 열리도록 되어 있어서 찾아 보게 되었다.결론부터 말하면 vi 명령모드에서 set paste 내리면 된다.그리고 나같이 가끔 열어보는 용도나 약간의 수정만 하면서 사용하는 사람에겐 환경설정 파일을 열어서 영구적인 설정을 하면 된다.영구적으로 자동들여쓰기 기능을 off 하는 방법은 아래와 같다.vim …

이미지매직을 이용한 ico 파일 만들기(파비콘 파일)

웹사이트에서 사용하는 파비콘 아이콘은 무료로 만들어 주는 사이트가 많이 있으니 그곳을 이용해도 됩니다. 단 어떤곳만 빼고 모두 이미지사이즈가 상당히 크게 나옵니다. 이는 깨지는것을 방지하기 위해서 그런것 같습니다.아쉽게도 작은 사이즈로 나오는 그 사이트를 적어 두지 않아 몰라 이번에 이미지 매직을 이용한 방법을 사용해 보게 되었는데요. 방법은 다음과 같습니다.convert 로고-파일_256x256.png -bordercolor white -border 0 ( -clone 0 -resize 16x16 ) ( -clone 0 -resize 24x24 ) ( -clone 0 -resize 32x32 ) ( -clone 0 -…

rsync 진행사항(프로그래스바)와 포트변경 방법

1) 포트 변경방법rsync의 디폴트 포트는 873 입니다. 알려진 포트가 열려저 있으면 기본 포트스캔으로 알 수 있으니 자신만 사용하는 것이라면 다른 포트로 변경하여 사용하는것이 좋습니다. 어떤 것이든 디폴트 포트 보다는 불특정 다수의 서비스가 아니라면 반드시 포트는 변경하는 것이 좋은 방법중 하나 입니다.아래처럼 환경설정 파일에서 포트 부분을 적어주면 됩니다. 예전엔 service 파일에서 변경해 주거나 했는데 centOS7 에선 이렇게 간단하게 해주면 됩니다.vim /etc/rsyncd.conf port = 18873max connections = 45[TROOT]path = /uid = rootgid =…

윈도우 디렉토리 단위 사용량 알 수 있는 프로그램

윈도우용 프로그램 입니다. 간혹 하위 디렉토리 까지 포함하여 해당 디렉토리의 용량이 얼마나 되는지 알고 싶을 때가 있습니다. 그럴대 매우 유용한 프로그램을 소개 합니다.저 같은 경우는 디스크 정리를 위해서 ... 왜? 항상 용량은 부족한지!!삭제해야 되는 디렉토리 또는 어떤 프로그램이 설치된것 때문에 용량이 많은지 확인 하는 용도로 가끔 잘 사용 합니다.사용해 보면 상당히 유용한 기능을 가지고 있습니다.리눅스에선 du --max-depth=1 -h ./명령과 같은 역활의 윈도우용 프로그램이라고 볼 수 있습니다.

리눅스와 윈도우에서 더미파일(임시파일) 만드는방법

간혹 전송 테스트를 하거나 또는 로컬에서의 복사속도나 쓰기 속도등을 테스트 할때 아무 의미 없는 더미파일을 만들어야 되는 경우가 있는데 이때 사용하면 좋은 파일생성 프로그램 입니다.보통 파일의 용량은 Byte 단위이며 1KByte는 1000Byte가 아니라 1024Byte 입니다. 현재 우리가 사용하는 컴퓨터는 2진수를 사용하는데 계산을 하면 그렇습니다. 1MByte는 1024 * 1024 의 결과 입니다.그래서 용량을 계산하면 아래와 같습니다.1MB = 1048576 Byte1GB = 1073741824 Byte1TB = 1099511627776 Byte1PB = 1125899906842624 Byte생각해보면 자격증…

크롬 브라우저 마우스 오른쪽버튼 막힌경우 텍스트 복사하는 방법

브라우저 마우스 오른쪽 버튼 해제방법 크롬 개발자 모드 들어가기 크롬브라우저 자바스크립트 사용 금지 자바스크립트 금지시 참고할 사항 예전엔 크롬브라우저의 확장 프로그램을 통해서 마우스 오른쪽 버튼 사용 금지된 사이트에서 해제하여 사용하였는데요. 현재는 그런 확장 프로그램은 작동 하지 않습니다. 1) 크롬 개발자 모드 들어가기 개발자모드 F12를 클릭하여 위 화면이 나오도록 들어갑니다. 톱니 바퀴가 있는것이 나오면 되는 것입니다. 아래쪽은 보이는 화면은 무시 하셔도 됩니다. 중요한 것은 환경설정을 들어 갈 수 있는 톱니 바퀴입니다. 2) 크롬 자바스크립트 사용 금지 환경설정 부분에서 디버거 …

개발 에디터 텍스트 고정길이와 가변길이 폰트의 사용에 대한 장단점

우리가 사용하는 글꼴폰트에는 고정길이와 가변길이가 있습니다. 에디터 사용시 고정길이를 사용하면 세로줄이 잘 맞아 좋은 점이 있지만 가변길이에 비해 딱딱한 느낌이 있습니다.개발 에디터 텍스트 사용시 정리하면 장단점은 다음과 같습니다.* 고정길이 폰트- 선문자가 깨져 트려저 보일일이 없다.- 폰트폭이 고정 되어 있어 세로라인이 딱 맞는다- 사용할 폰트가 몇 개 안된다.* 가변길이 폰트- 다양한 폰트가 존재 한다.- 폰트폭이 서로 달라서 세로라인이 트려질 수 있다.(선문자)- 고정길이에 비해 좀더 예쁘다 오늘 고정길이 폰트 확인해 보니 생각보다 몇개 안됩니다.캡처해서 올린것 보다 실제는 더 확이해 봤는데 고정길이는 …

fxSound 컴퓨터 재부팅하면 다른 장치로 변경되어 소리가 안날때 조취방법

이제 무료로 사용가능한 이퀄라이저 기능이 좋은 fxSound 사용에 관한 문제 입니다. 스피커를 계속 사용하는것이 아니기 때문에 잘 모르고 있다가 이상해서 보니 자동체크 기능 때문에 변경이 되었습니다.요즘 모니터는 스피커는 없으면서 이어폰연결잭이 있는 경우가 있습니다. 거기에 볼륨조절 옵션까지 있어 스펙을 보지 않으면 스피커 있는 모니터 인줄 착각도 합니다.이런 모니터의 경우 이런 증상을 쉽게 볼 수 있을 것으로 보입니다. 이런 모니터의 경우 자동으로 체크하는 기능을 꺼주면 됩니다.여러개의 장치를 사용하는 PC를 사용할 경우 반드시 자동 체크 기능을 사용하지 않으면 문제가 발생하지 않습니다. 자동이란 것의 의미…

[vscode] 터미널 크기 최대화,복원 단축키 / 에디터 터미널 전환 방법

빠른 생산성을 위해서 vscode에서 사용하는 터미널 관련된 단축키 입니다.아래는 user keybinding.json 설정을 하면 되며win+oem_3 이부분은 윈도우키와 백택 같이 누르는 것인데 은근 불편하고 잘못 아래 있는 탭을 누르는 경우가 있어 alt로 변경해 보았습니다. { "key": "alt+`", "command": "workbench.action.terminal.sendSequence", "when": "terminalProcessSupported || terminalWebExtensionContr…

[vscode] 미니맵(minimap) - 작은미리보기 작게 하여 공간절약 방법

비쥬얼스튜디오코드 프로그램에서 코드 미리보이는 작은 섬네일 같은 세로로 길게 늘어져 보이는 것을 미니맵(minimap) 이라고 부르는데 이것의 공간적 조절하는 방법 입니다.모니터 해상도가 원하는 만큼 되지 않다 보니 이런 부분까지 공간을 아껴 사용해야 됩니다. 책상이 넓고 여유가 있으면 같은 모니터 한개 더 구매하고 요즘 저렴해진 모니터암 연결하면 되기도 하는데요. 그런상황이 되지 못하니 있는것에서 쥐어짜야? 되는 상황입니다.큰 해상도 모니터 구매 했다고 치고 폰트 크기도 작게 합니다. 좀 들어지는게 있는데 난 디자이너는 아니니까!!설정은 간단합니다.Ctrl + , 에서 settings.json 파일에서 아래만…

윈도우10 모니터만끄기, 절전모드, 컴퓨터끄기 CLI 명령

아래는 단축키로 사용할 수 있는 명령입니다. 간혹 업그레이드 할때 모니터만 끄고 싶어서 찾아 정리 합니다.아이콘으로 만드는 방식은 다음과 같습니다.1) 바로가기를 만듭니다.2) 바로가기 만든것을 속성 선택한 다음 아이콘을 선택 합니다. 모니터만 끄기%windir%\system32\scrnsave.scr /s위 명령이 되었는데 안되어 찾아본것중 아래는 현재 잘 작동합니다.전혀 작동을 하지 않는것은 아니면 화면이 검은? 형태로 변경 됩니다. 본인의 현재 OS에서 작동이 잘 된다면 사용하시면 됩니다.%windir%\system32\cmd.exe /c powershell (Add-Type '[DllImport(\"us…

구글에서 특정 사이트(도메인)의 색인된 결과를 검색하고 싶을 때 사용하는 방법

전체 검색결과가 아닌 커뮤니티 사이트(도메인)의 검색결과만 보고 싶을때 사용하는 방법입니다.명령은 site:도메인명 검색키워드형태로 주면 그 도메인(사이트)에 해당하는 것만 검색 결과로 보여줍니다.예를 들면 아래와 같습니다.site:stackoverflow.com scoop android-sdk

웹서버의 접근속도와 전송속도를 체크하는 방법(http-ping)

일반적인 회선속도를 체크 할때는 ping를 사용합니다.이건 회선에 대한 속도이며 전송량에 대한 속도는 아닙니다.http-ping이란 프로그램인데요.웹서버에 접근하여 결과가 나오는 속도를 측정 할 수 있습니다.전체 전송량까지의 속도가 보통 100ms 이면 빠르다고 볼 수 있습니다. 윈도우10에서 wget 받는 방법은 첨부된 링크 참고하세요.사이트에 직접 방문하여 받으셔도 됩니다.https://www.coretechnologies.com/products/http-ping/올려진 이미지는 관리자권한으로 실행하여 system32에 직접 다운로드 받았는데요.다른계정으로 받거나 하면 이쪽으로 옮겨 주시면 됩니다. 반드시 …

MS윈도우(windows10) 환경에서 wget 사용하기

리눅스에서 많이 사용하는것이 grep와 wget more, curl 등 몇 가지가 있습니다.간단하게 외부에 있는 것을 URL을 통해서 쉽게 다운로드 받는 wget을 윈도우10 환경에서 다운로드 받아 사용하는 방법입니다.설치는 간단하게 scoop install wget 명령을 통해서 설치가 가능한데 문제는 scoop를 먼저 파워쉘에서 해줘야 한다는 것입니다. 윈도우10에 있는 파워셀을 관리자권한으로 실행을 합니다.PS C:\> Set-ExecutionPolicy RemoteSigned -scope CurrentUserPS C:\> $env:SCOOP='C:\Scoop'윈도우10 검색기능에서(보통 윈도우…

[vscode] 터미털 폰트 및 폰트크기 변경 방법

통상적으로는 폰트의 크기를 줄여서 사용합니다. 모니터의 해상도가 크면 그렇지 않겠지만 점점 화면의 크기가 작은 느낌이 듭니다. 듀얼로 사용하던가 더 큰 모니터에 2560은 되어야 쓸만해 졌습니다. 화면을 나눠서 브라우저와 코딩 화면 그리고 간혹 코딩 화면도 나눠서 쓰고 그러다 보면 자리가 모자랍니다.아래처럼 vscode 프로그램에서 터미널의 폰트와 크기를 변경해 보았습니다. "terminal.integrated.fontFamily": "바탕체", "terminal.integrated.fontSize": 24,위는 테스트로 폰트를 키워봤습니다.설정에서 위와 같이 하거나 Ctr…

[vscode] 괄호 색상으로 구분과 bracket 선택 색갈변경

괄호가 많이 들어가는 언어가 있습니다. 익명 함수도 있고 화살표 함수도 있고 그런 언어들은 괄호에 대한 구분을 잘 해주면 좋은데요 이럴때 유용하게 사용하게 됩니다. 색이 다양한 것은 오히려 독이 되기도 하지만 괄호가 많이 들어가게 되면 줄바꿈을 통해서 구분하려 해도 어느정도 한계가 있어서 사용하게 되더군요.1) 괄호를 색상으로 구분하는 방법첫번째. 최신 버전에선 내장 되어 있으니 활성화 시며주면 됩니다. Ctrl + , 명령으로 설정하는곳에서 아래 두가지를 검색 후 활성화만 해주면 됩니다.colorizationbracketPairs 두번째, 오랫동안 많은 사람이 이용한 확장 프로그램을 사용하는 방법입니…

[vscode] 자동 줄바꿈 설정, 컬럼 크기 및 단축키 안내(word wrap)

vscode에서 자동줄바꿈 설정은 기본적으로 Off로 되어 있습니다. 한 화면이 넘어가는 것에 대한 줄바꿈이 되지 않아서 옆으로 스크롤 이동해야 됩니다. 자동 줄바꿈에 대한 정리한것은 아래와 같습니다.- 설정을 통한 영구적인 자동 줄바꿈- 가로길이가 특정 길이(컬럼) 이상 넘어갈때만 줄 바꿈- 단축키를 이용한 줄바꿈* 설정을 통한 영구적인 자동 줄바꿈컬럼의 길이와 관계 없이(해상도와 관련이 있어 디스플레이 어탭터에 따라 다름) 한 화면을 넘으면 자동 줄바꿈 합니다.위 설정을 하면 아래와 같이 환경설정 파일에 설정값이 생깁니다. 초기엔 아무것도 없는 상태에서 건드려야 생깁니다."editor.wordWrap": "on","…

에디터플러스 중복접속 후 수정하여 파일변경 되는 문제 방지(다중접속후 파일수정후 변경예방)

여러사람이 같이 사이트 수정을 하거나나 협업을 할때 공통으로 사용하는 파일이나 그럴 가능성이 있는 파일의 경우 내가 방금 수정 했는데 다른 사람이 또 수정하는 경우가 발생 하곤 합니다. 에이전시의 경우 프로그래머가 수정 했는데 디자이너는 디자인 부분때문에 FTP 접속하여 수정하는 경우가 발생을 하곤 합니다. 이런 경우 먼저 파일을 연 다음 바로 다시 닫으면 되지만 현실적으로 그렇게 하기 쉽지 않는 상황입니다. 이런 경우 에디터플러스에선 변경되었을때 알려 주는 기능이 있습니다. 좋은 기능이지만 잘 사용하지 에디터플러스의 기능중 하나인 FTP 저장시 변경여부를 검사하는 기능으로 간단하지만 강력한 에디터플러…

MS윈도우용 curl 프로그램 설치하기(윈도우10)

윈도우10에는 설치되어 있는경우가 많습니다.제것도 설치가 되어 있던데 어느버전 부터 설치가 되는지를 정확히 모르겠습니다.CMD 명령모드에서 curl 명령 내려보면 알 수 있습니다.만약 설치가 안되어 있다면 직접 설치 하시면 됩니다.https://curl.se/download.html#Win32 더불어 CURL의 간단한 사용법 입니다.curl "https://URL경로"-H "User-Agent: Mozilla/5.0 (Window).1072.41" \-H "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8"헤더 부…