개발관련 5 페이지

OOP(객체지향) 언어에서 많이 사용되는 디자인 패턴에 대한 소개 입니다.절차형이든 객체형이든 빠르게 문제 없이 잘 운영되는 프로그램이면 뭐로 만들던 관계 되지 않는다고 생각하는 부류에 들어갑니다.복잡성을 띄는 것은 객체별로 분류하고 그 안안에서 또 분류하고 하여 각각을 클래스 단위로 사용하면 좋은 부분이 분명히 있습니다.다만 그렇게 하지 않아도 되는것을 즉, 쉬운것을 어렵게 할 필요는 없다고 생각 합니다.문제가 되는것은 생각(사고)의 습관이기 때문에 객체지향적으로 평소 생각을 하지 않는다면(절차형으로만 생각한다면) 객체지향으로 프로그램하는데 쉽지 않을 수 있습니다.아무리 개념을 잘 알고 있어도 본인에게 익숙해…

[vscode] 에디터 특정 부분 컬러 변경 하는 방법

테마의 컬러를 자신이 원하는 형태로 변경하는 것인데요.한두가지 이외에 많이 변경하면 디자이너가 아니라면 비추 입니다. 해보시면 알아요. 잘 되었으면 디자인 감각이 있으신 분입니다.현재 설정이 어떻게 되어 있는지 알 수 있는 방법은 다음과 같습니다. // https://velog.io/@1nthek/VS-Code-JSDoc-color-theme // 명령팔레트열고: Developer: Inspect Editor Tokens and Scopes setting.jso 파일에서 아래 처럼 추가해 주면 됩니다. "editor.tokenColo…

[vscode] 한글 이탤릭체가 마음에 안든다면 나눔고딕코딩 폰트를 설치

테마에서 주석을 이택릭체로 표현을 해주는것이 있습니다.물론 설정을 통해 변경이 가능합니다. 변경하는 방법과 폰트를 변경하는 방법이 있는데 여기선 폰트를 변경하는 방법에 대한 것이고 추천하는 폰트는 '나눔고딕코딩' 입니다. 1) 폰트를 다운로드 받은 다음 압축을 풀어서 ttf 파일을 아래 디렉토리에 복사 합니다.C:\Windows\Fonts 2) 위 이미지 처럼 폰트패밀리 부분에서 변경해 주세요. 폰트명칭을: D2Coding 으로 해주세요.3) 폰트변경 이외에 이탤릭체로 보이지 않게 하는 방법은 다음과 같습니다.setting.json 에서 추가해 주세요…

네이버 블로그를 구글에 등록하고 싶을 때

웹봇에게 알려 주는 역활을 하는 페이지가 아직도 존재를 하고 있는데요.이런 경우는 네이버 블로그 처럼 관리가 안되는 경우 유용 합니다.오래된 페이지여서 작동 안된다고 생각 할 수 있지만 또한 별다른 방법이 있는것도 아닙니다. 구글에 노출 시키고 있는 웹사이트가 있는데 나오지 않는다면 시도해 보세요.본래는 서치콘솔을 이용하는것이 맞지만 네이버 블로그 처럼 이용하지 못하는 경우가 있습니다.인증을 받아야 하는데 인증을 받을 수 있는 수단이 없기 때문 입니다.

IE 사용자를 위한 최소기능은 언제까지 있어야 좋을까?

결론부터 말하면 제 생각엔 현재 기준으로 최소 5년까지는 현재 처럼 두는 것을 권장 합니다.왜냐하면 윈도우7, 8이 사라질때 까지는 사용하시는 분들이 있을것이기 때문입니다.그래도 윈도우10에선 삭제를 하겠다는 반가운? 소식이 있기는 합니다. 업데이트: 지원 중단된 사용 중지된 Internet Explorer 11 데스크톱 애플리케이션은 2023년 2월 14일 특정 버전의 Windows 10에서 Microsoft Edge 업데이트를 통해 영구적으로 사용하지 않도록 설정될 예정입니다.시작 메뉴 및 작업 표시줄의 IE11 아이콘과 같은 IE11 시각적 참조는 2023년 6월 13일로 예정된 2023년 6월 Windo…

윈도우 시작버튼 클릭시 먹통일때 컴퓨터 끄는 방법

오늘 시작 버튼이 먹통인경우가 있어 약간의 고생끝에 정상적으로 종료 하였습니다.할 수 있는 방법들이 몇개 있는데요. 아래와 같습니다. - 전원버튼을 눌러본다. (별도 설정을 하지 않았다면 될 수 있음) - cmd 명령을 실행 한다.(작업관리자를 이용)오늘은 컴앤드라인을 통해서 정상 종료 하였습니다. 방법은 작업관리자를 통해서 cmd 명령을 내렸는데요. 위치는 아래와 같습니다. 명령은 shutdown -s -t 라고 하던데 예전에 되었던건가? -t 옵션 없이 -s 옵션만 사용하니 1분 있다가 정상 종료 되었습니다.

크롬계열의 시초 크로미움 브라우저 다운로드 받는곳

크롬, 웨일, 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.'(.*)<…