개발관련 5 페이지

크롬, 웨일, IE엣지 등 크로미움 기반입니다.크로미움기반의 소스클 가지고 만든것입니다. 브라우저 만들고 싶으면 이것을 활용하면 됩니다.아래 로그를 보면 우리가 흔히 볼 수 있는 구글 크롬의 컬러풀한 것과 동일하게 생겼죠. 예전 웨일 세미나 할 때 이 업그레이드 따라 가는것 쉽지 않다고 요즘 들어 업그레이드 속도가 더 빨라진듯 합니다.

구글봇 user-agent 종류

구글봇이 크롤링할때 사용하는 웹브라워정보(User-Agent)에 대한 정보 입니다.어떤 User-Agent가 들어오는지 확인해보고 필요하지 않으면 오지 말라고 하거나 잘못 차단하는 것을 방지할 필요가 있습니다.잘모르면 구글에서 보통 사용하는 IP 범위가 있는 그부분을 통과나 차단 시키는 방법도 있습니다. 구글은 META 태그 이외에 HTTP 프로토콜의 헤더 부분에도 명시 할 수 있습니다.로봇 메타 태그 사양 | Google 검색 센터 | 문서 | Google Developers

[php, nodeJS, javascript]에서 비교연산자 ==와 ===차이점

결론부터 말하면 변수타입까지 확인하느냐 아니냐의 차이 입니다.자동변수를 사용하는 언어에서 정확히 비교하기 위해서 사용 됩니다.가능하면 정확하게 비교하는 ===를 사용하는것을 권장하지만 그때그때 상황에 맞게 사용하면 됩니다.자동변수를 사용하는 이유가 있고 만들어진 이유가 있는데요. 물론 자바스크립트는 초기 언어 만들 때 바빠서 그랬다고 하기도 하지만 나름 장점이 있습니다. 자바스크립트 뿐만 아니라 PHP도 자동변수를 사용하기 때문에 ===를 사용합니다.간혹 정확히 ===으로 구분해야 되는 경우가 있습니다. 0과 false를 구분하기 위해서 그렇습니다. PHP의 경우 strpos 같은 함수가 그렇습니다.제경우는 문…

동네 기상정보(날씨) 데이터 받는 곳( rss 데이터 사용)

rss 데이터를 사용하여 쉽게 기상 데이터를 받을 수 있는곳이 있습니다.그런데.실무용으로 많이 사용하게 되도 사용가능할지는 별도확인할 필요가 있습니다. 사용자 얼마 안되는곳은 문제 없겠지만 많이 사용해야 된다면 반드시 별도 확인이 필요 합니다.https://www.weather.go.kr/w/pop/rss-guide.do?sido=1100000000&gugun=4223000000&dong=4215060000 RSS는 PHP에서 사용할때는 simple xml 같은 라이브러리 사용하면 쉽게 결과를 얻을 수 있습니다.아래는 샘플로 확인한 개포동 rss 데이터 주소입니다.www.kma.go.kr/wid/…

구글 검색엔진이 저장해 놓은 페이지 보는방법

일반적으로 저장된 페이지 보는방법은 아카이브 사이트를 통한 방법이 있습니다.그리고 다른 방법은 검색엔진이 수집하여 저장해 놓은것을 보는것인데요.여기선 구글봇이 저장해 놓은 방법을 보는것입니다. 구글봇이 저장해 놓은 페이지를 보는 방법은 다음과 같습니다.https://webcache.googleusercontent.com/search?q=cache:www.naver.comhttps://webcache.googleusercontent.com/search?q=cache:www.pabburi.co.kr

gif,jpg(원본훼손),png(투명) 압축과 손실 이미지의 특징

이미지에 대한 특징을 잘 나타낸 그림 입니다.webp는 jpg 보다 더 압축율이 좋아 앞으로 많이 사용될 이미지 입니다.아직 IE 사용자가 약간이나마 있습니다. 그래서 현재 까진 jpg 사용하는것이 무난한 실정 입니다.jpg: 손실압축 입니다. 쇼핑몰 이미지는 퀄리티 확인해 보면 90 이상 입니다. 원본이 훼손 됩니다.png: 무손실 압축이기 때문에 보통 파일 크기가 큽니다. 투명지원 합니다.선명합니다.gif는 png 사용하면 되기 때문에 특병한 용도 아니면 사용할 필요 없습니다. 투명지원* 참고할 이미지 포맷- webp 이미지 압축 프로그램 설치 > 리눅스서버 - png 이미…

HTML 메타태그의 referrer 속성에 대해(출처 보내지 않기)

웹브라우저는 이전,다음에 대한 것을 알고 있지만 HTML 작성된 메타태그를 기반으로 다른 페이지로 이동할때 출처를 보낼지 보내지 않을지 결정 합니다.<meta name="referrer" content="origin">no-referrer HTTP 리퍼러 헤더를 보내지 않는다origin 도메인만 보낸다. no-referrer-when-downgrade 대상이 최소한 다음과 같이 안전할 때 전체 URL을 보냅니다. 현재 페이지 (HTTP (S) →HTTPS)이지만 보안 수준이 낮을 때 리퍼러를 보내지 않습니다. (HTTPS→HTTP)를 참조하십시오. 이것이 기본 동작입니다.origin-when-cros…

한대의 컴퓨터에서 2개의 프린터를 서로 다르게 사용하는 방법(운송장 출력)

배송을 위한 운송장 출력은 용지가 일반 문서 인쇄하는것과 다릅니다.그래서 그때그때 종이를 변경하기보다는 프린터를 2대 구매하여 서로 다르게 사용하는 경우도 있고 생산성이 좋습니다.문제는 인쇄 할 때 운송장 프린터로 인쇄해야 하는데 일반 문서 인쇄하는 프린터로 인쇄를 하는 실수를 할수 있어 '기본프린터'설정 부분을 봤는데 그럴 필요 없이 간단히 해결이 가능 한 경우가 있습니다.이 경우는 브라우저를 통한 인쇄에 해당 합니다.현재 사용중인 크로미움 브라우저 계약(크롬, IE엣지, 네이버웨일등) 프린터 이전에 사용한것을 기억하도록 되어 있습니다.(재부팅은 안해봐서 확실치 않음 - 노트북 절전모드 사용) 간략정리1) 크로미움계약…

윈도우 cmd 명령에서 디폴트 프린트 뭔지 확인하는 방법

컴앤드라인(CMD)에서 디폴트로 설정된 프린터를 확인하는 방법입니다.아래 명령으로 간단하게 확인이 가능 합니다.* 전체 프린트 목록출력wmic printer get DriverName, Name, Portname, default* TRUE로 설정된 디폴트 프린트(윈도우 cmd 명령에서 디폴트 프린트 뭔지 확인하는 방법)wmic printer get DriverName, Name, Portname, default | find /i "TRUE"정확히 확인하기 위해서 제어판의 프린트에서 확인 합니다.제어판\모든 제어판 항목\장치 및 프린터cmd라인에서 control 명령으로 오래전부터 봤던 제어판을 볼 수 있습니다.윈도우10…

[jQuery] radio 버튼 체크 설정이 제대로 안되는 경우

아예 안되면 더 좋은데되다가 이상하게 작동하는 현상이 있어서 확인해 보니 최신 버전에선 attr이 아니라 prop를 사용해야 되었습니다.차리리 안되었으면 헛고생을 안 했을 텐데요.요즘은 모양을 기준으로 그에 맞게 만들기도 하는데.본래 여러그룹에서 한개만 선택되게 하도록 하는것은 radio 버튼 입니다. 다중선택은 select box를 사용하거나 check를 사용하면 되는데. 기획을 지나 디자인 되어 도착된 경우는 다른 경우도 있습니다.// 최신버전에선 이렇게 하면 안된다.$('#myCheckbox').attr('checked', true);// 최신버전에선 prop를 사용해야 된다.$('.myCheckbox')…

이미지매직 컬러이미지 흑백이미지로 변환하기

간혹 컬러가 필요하지 않은 경우가 있습니다.아래명령을 사용하면 됩니다.convert in.jpg -colorspace Gray out.jpg 아래는 좀 연한 색으로 변환을 하고 싶을 경우 사용하면 됩니다.convert infile -colorspace Gray -gamma 2.2 outfile

[vscode] ctrl + enter 단축키가 먹지 않을때

결론부터 말하면 원인은 PHPDoc Generator 2022 확장 프로그램 때문이었습니다.확인 하는 방법은 Ctrl + K Ctrl+S 위 잘 안된다면 파일 > 기본설정 > 바로가기 키인풋박스의 끝에 작은 아이콘 3개가 있는데 키보드를 누르고 Ctrl + Enter 입력해 보세요.그러면 사용하고 있는 단축키 목록이 나옵니다.이때 겹쳐서 안되는 것이 있는지 찾아 보면 됩니다. 한번사용하면 계속 사용하게 되어 은근편한 Ctrl + Enter 입니다. 위쪽으로 올리고 싶으면 Shift + Ctrl + Enter 입니다.

[vscode] 스니핏 만들때 수정항목(변수) 선택하게 하기

테스느 하는데 약간 다른것 같은데.스니핏 만들때 위쪽에 설명이 있습니다.$1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.이대로 해주면 됩니다. 탭키를 눌렀을때 순서는 $0 부터 시작을 해주면 됩니다. 위와 같이 변수나 특정 부분을 수정할 수 있게 하는 방법에 대한 것입니다.* 참고자료https://code.visualstudio.com/docs/editor/userdefinedsnippets#_variableshttps://stackoverflow.com/questions/411…

[vscode] Activity Bar(사이드바) 확장프로그램 단축키설정

vscode 사이드바(Activity Bar)에 보면 기본적인 탐색기 같은것은 단축키가 설정 되어 있는데 FTP 같은 확장 프로그램은 단축키가 없습니다.생각해보면 없는게 맞는것 같습니다. 다른것하고 겹칠 수 있으니 별도 설정하는것이 맞여기에선 북마크 프로그램에 대한 단축키 설정방법에 대한 예제 입니다.Activity Bar(사이드바) 확장 프로그램 단축키 설정 위 이미지는 캡처 하느라 조합이 잘못 보인것이고 아래와 같이 되었습니다.단축키는 본인이 원하는것 사용하시면 되며 본래 컴파일 관련된것 나오던데요. 전 사용하지 않는것이라서 지정해 버렸는데 이 단축키가 사용되는것이면 다른것을 지정해야 되겠습니다.{ …

[vscode] 전체 화면의 크기를 작게 하는 방법(글자크기 줄이거나 늘리기)

모니터에 따라서 다를 수 있습니다.특정 영역이 아니라 vscode의 전체 화면의 글자크기나 영역등 전체적으로 축소하거나 크게 하는 방법에 대한 것입니다.아래 화면 보면 워크스페이스 부분의 글자를 보시면 알 수 있습니다.단축키는 Ctrl + - 입니다. 크게할때는 + 를 사용하면 됩니다. 32인치에 4K사용하면 글자가 무척 작은데요. 32인치에 4K 사용하는것과 이렇게 글자 크게 줄이는것과 당연히 해상도에서 차이가 있을 수 있겠으나 많이 보는것이 목적이라면 이렇게 먼저 사용해 보는것도 방법입니다. 4K는 마우스 이동하는데도 오래 걸립니다.사용해보니 글자가 너무 작습니다.그래서 좀 더 세밀하게 조…

[vscode] 스니펫 설정을 최상위로 추천받기

본인이 만든 스니펫은 자신의 개발 환경에 맞게 만들었기 때문에 제일 위쪽에 나오는것이 좋은 경우가 많습니다.그렇지 않게 만들죠. 단축키를 다른것과 연관이 없는것을 만드는경우도 흔합니다.그렇기 때문에 가장 위에 나오는것이 맞습니다.설정(Ctrl + ,) 들어가서 snippetSuggestions 으로 검색 한 후 top으로 설정 하면 됩니다. top: 다른 추천 항목 위에 스니펫 추천을 표시합니다. 이 값을 사용합니다.bottom: 다른 추천 항목 아래에 스니펫 추천을 표시합니다.inline: 다른 제안과 함께 스니펫 제안을 표시합니다. 이것이기본값입니다.none: 스니펫 추천을 표시하지 않습…

[vscode] 문자열(따음표) 안에서 자동완성 제안받기

nodeJS나 PHP의 문자열에서 변수를 넣을때 유용합니다. 기본적으로 off 되어 있어서 on 시켜줘야 합니다.방법은 설정할 수 있는 환경(Ctrl + ,)에서 quickSuggestions 를 입력 한 뒤 모두 on 시켜 주면 됩니다. 이제는 pHP 사용시 자동완성 때문에 점 찍어서 문자열 합치는 방법 사용하지 않아도 되겠습니다.자동완성의 좋은점은 생산성 향상도 있지만 오타의 실수를 줄이는 역활도 합니다.* 참고사항탭을 보면 '사용자', '작업영역', '.vscode 폴더' 이렇게 있는데 본인의 현황에서 안되는것 같다면 탭을 클릭하여 모든 부분에서 on 처리 해보고 테스트 해보면 됩니다.

[vscode] 열려 있는 파일목록 여러줄로 보이게 하게

기본설정은 열려 있는 파일이 한줄로 보이도록 되어 있습니다. 스크롤 막대도 작아서 마우스로 잘 맞춰야 하는데요. 이럴 때 유용한 기능 입니다. 디자인적으로는 좋지 않아서 한줄이 디폴트 일까요? Workbench › Editor: Wrap Tabs 체크를 하면 바로 적용이 되어 현재 열러진 파일이 모두 보이게 됩니다.즉, 이옵션은 스크롤막대를 사용할지 사용하지 않고 열러진 파일목록을 모두 다 보이게 할지 선택하는 옵션 입니다

외부의 자원을 사용하기 보다 가능하면 내부에 가지고 있어야 한다

아침햇살의 평화로운 가을 주말 이어야 한데 날이 흐린데 카카오톡이 아직도 안되고 있네요. 검색을 하다 보니 티스토리도 안되네요!!개발을 할때 외부 자원의 활동도 좋은 방법이긴 하지만. 내부적으로도 가지고 있어야 한다는것을 잊지 않게 해주는 사건입니다.원인은 비용입니다. 그리고 약간의 귀찮니즘이 있는데 요즘 CDN 많이 이용을 하죠. 쉽게 몇 줄 복사해서 소스코드에 넣으면 되는데 이걸 직접 서비스 하려면 다운로드 받아 서버에 올리고 경로에 맞게 적용 시키고 번거롭습니다.하지만 이번 카카오톡과 티스토리 사례를 보면 비용문제 때문에 내부에도 가지고 있고 외부에도 가지고 있는 이중화의 방식이 옮다고 보여집니다. 특히 무료서비스…

스핑크스 검색엔진 (sphinx search engine) 색인할 때 나오는 오류메시지

스핑크스 검색엔진 색인을 할 때아래와 같은 오류가 발생 했을 때 어떤 이유인가에 대한 것입니다.sql_field_string 는 검색을 하기 위해서 필요 합니다. ERROR: index 'pabburi' : no full text fields in schema, nothing to index!이유는sql_field_string 한개라도 들어가 있어야 합니다.없으면 안되나! 절대 안됩니다. 하나 넣으시면 다른 부분에 문제 없다면 색인이 잘 될것입니다. 그리고 sql_field_string 말고 int 는 없는가 넣어 봤는데 오류가 납니다.그래서 메뉴얼 검색을 해봤는데 못 찾았는지 sq…

curl 헤더만 보는법과 연결을 바로 끝는 방법

결론부터 전달하면 아래와 같습니다.curl -v -X HEAD -H "Connection: close" https://www.google.co.kr 위에 메소드를 넣어 주는 옵션인 -X를 넣어 주면 헤더 정보만 나오게 됩니다. 그리고 지속연결된 서버의 경우 바로 연결이 끊어지지 않고 대기 하게 되는데요.이때 사용하는 것이 헤더에 connection: close 입니다.이것이 헤더에 들어가게 되면 바로 연결이 끊어집니다. 그렇지 않으면 서버에서 지속연결 설정된 시간까지 연결이 끊어지지 않습니다.물론 클라이언트에서 강제로 끊어 버리는 방법이 있기는 한데요. 굳이 하지 않아도되는 작업을 더 해줘야 합니다.

URL, URI, URN의 구분하는 방법(path, QueryString)

이미지만 봐도 됩니다.오래 되었는데요. 한번 혼동이 되는것은 10년이 넘어도 헷갈리는 문제가 있네요.자주 보는것인데 변수 네이밍에 사용하려고 정확하게 확인하기 위해 필요한것을 모았습니다.개발 경험이 있으신분은 이미지만 봐도 충분 합니다. 가장 간단한 형태의 url, url에 대한 설명입니다.path와 쿼리 스트링 그리고 계정과 포트와 관련된 부분은 아래 이미지를 참고 하면 됩니다.패스(path)는 파일명까지 포함됨을 알 수 있습니다. 위에 보면 포트까지 있는데우리가 http, https의 경우는 포트를 입력하지 않으면 디폴트 포트를 사용하여 생략 됩니다.디폴트 포트를 사용하지 않는다면 명시를…

get h1 tag (헤드라인 태그 가져오는 방법)

돔파서 같은 것을 사용하는 방법도 있지만 여기선 정규표현식을 사용한 방법에 대한 것입니다.테스트가된 h1 tag 가져오는 것입니다.PHP에서 정규표현식을 이용하여 가져오는 방법에 대한 것입니다. 아래에서 유의깊게 봐야하는것은 h1 태그에 클래스가 들어가 있는 경우를 감안하기 위해서 <h1> 처럼 닫는 태그가 있는 것이 아니라시작할대 닫는 태그 부분을 삭제 하였습니다. $headingtag = 'h1'; preg_match_all( '|<'.$headingtag.'(.*)<…

윈도우 lsof 같은 역활을 하는 프로그램(handle)

핸들과 관련된 파일을 모두 출력해 주는 프로그램으로 기본적으로 제공 되는 프로그램은 아닙니다.1) 이런 프로그램을 왜? 찾게 되었나?삭제 안되는 파일이 하나 있는데 정말 삭제하고 싶다. 삭제 안되는것이 있으니 거슬린다.2) 리눅스에선 lsof 사용하는데 윈도우는 찾아 보니 handle 라는 프로그램이 있다.윈도우라서 프로세스와 별개로 창에 대한 것은 핸들과 관련이 있는것으로 보인다.(난 윈도우 프로그램은 안해서 모른다) 3) 어떤 순서로 실행 하였는가?handle > t.txt파일을 저장하고 텍스트 에디터로 찾았다. findstr로 쉘에서 찾으면 pid를 모르기 때문에 그렇다.그래서 찾았는데. 죽이면 안될…

윈도우에서 리눅스의 grep 같은 프로그램 findstr

가끔 필요한데 말입니다. 텍스트로 리다이렉션 시킨 다음 텍스트 에디터 열어서 찾거나 했는데 명령이 있었네요.리눅스에선 일상 처럼 사용 되는 명령이 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사용하면 단방향 양방향 빠른 동기화 백업이 가능하여 좋습니다.무료임에도 미러(단방향), 양방향, 실시간동기화, 배치작업(순차적으로) 설정이 가능한 오픈소스 파일 동기화 프로그램 입니다.처음 사용하시는 분은 영상 보시고 참고 하셔도 되지만 너무 쉽게 만들어져서 어렵지 않게 사용 가능 합니다.간혹 오류가 발생하는 경우가 있어 무시하는 옵션은 체크 해 주면 좋습니다.(체크 안한다고 되는것도 아니기 때문에 체크~)