개발관련 7 페이지

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

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"헤더 부…

윈도우 탐색기 미리보기 이미지가 안보이고 아이콘만 보일때

개발자를 위한곳으로 간단하게 설명 드립니다.시스템 고급설정에서 시각적인 설정을 하는곳이 있는데 느린 컴퓨터 좀 빠르게 사용한다고 설정값을 변경해서 그렇습니다.성능옵션 > 시각 효과이부분에서 "아이콘 대신 미리보기로 표시" 이부분을 체크하면 나옵니다.반대로 미리보기 때문에 로딩이 느리거나 한 경우는 이부분을 꺼 주시면 되겠습니다.간혹 디렉토리 하나에 파일 천개 이상 들어가 있는경우 아래로 내리면 읽느라 시간 소요 되는 경우 그렇습니다. 요즘은 SSD 사용으로 좋아져서 가능하면 이미지는 보는게 좋을듯 싶습니다.

사이트 각 페이지에 로고 추가하기

이건 구글 웹마스터 도구에 들어가면 볼 수 있습니다.다만 무조건 보이는것은 아니며 설정한 경우에만 메뉴가 나타납니다.이 로고 설정은 간단한 부분으로 설정해 두는것이 나쁠것은 없다고 생각하여 설정 하여습니다.방법은 아래와 같습니다.<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Organization", "url": "https://www.pabburi.co.kr", "logo": "https://www.pabburi.co.kr/imgs/logo/logo_pabburi.png…

앞으로 전망있는 프로그램 언어 순위 그리고 직업

먼저 향후 전망이 있는 프로그램 언어에 대한 순위는 앞으로 어떤 산업에 적합한 프로그램 언어일까와 같은 의미 인데 정확히는 모르지만 추세는 빅데이터, 신경망, AI, 사물인터넷, 바이오, 통계, ... 여러가지가 있는데 이중에서 나에게 적합한 것은 무엇인가 생각하는것이 더 옮은 방향일것입니다.* 현재 전망이 있는 언어는?잡사이트에서 대기업이 채용할때 필요로 하는 언어가 있습니다. 그것입니다.네이버, 카카오 모집공고를 보시면 됩니다.* 언어보다 더 중요한것은?언어는 도구 입니다. 배를 만드는 어떤 도구를 사용하느냐에 따라 생산성이 달라질것입니다. 그리고 그 도구는 계속 발전하고 새로운것이 나오기도 합니다. 배를 만드는데 …

노트패드플러스 드라큘라 테마 적용하기

드라큘라테마 적용하는 방법입니다.이름은 개인적으로 별로 인데 다크테마 중에선 제일 좋은것 같습니다. 그리고 프로버전이 있던데 가격이 좀 하네요. 약간의 부담이 갈정도로 드라큘라 테마는 많이 사용하며 각 에디터마다 약간씩 다르다고 본인이 사용하던것에 약간의 색상이 다르다는 분들도 있고 그렇습니다.[노트패드플러스 테마 적용 방법]그러면 드라큘라테마는 어디에서 받느냐인데 깃허브에서 받은 다음 압축을 풀어서 xml 파일 하나만 옮겨주거나 아무곳에나 풀고 선택해 주시면 됩니다. C:\Program Files\Notepad++\themes프로그램의 위치는 바탕화면 아이콘 오른쪽 버튼 클릭하면 '파일위치열기' 라고 있습니다…

노트패드플러스 글자 줄간격 조절하기(변경)

줄간격이 너무 좁으면 답답하고 가독성이 떨어 집니다.한화면에 많은 것을 보는것도 중요하지만 잘 보이는것은 더 중요하기 때문이죠.기본 줄간격은 답답하여 찾아 보았는데 약간의 다른곳에 위치해 있었습니다.노트패드플러스에서 라인 줄간격은설정 > 형식설정 > 라인 넘버 마진 에서 크기 설정을 통해서 가능 합니다.플러그인 받아서 하는 방법도 있기는 한데 전 간단하게 이 방법으로 설정 변경하여 사용하고 있습니다. 다만 맘에 안드는 것은 말 그래도 라인의 글자가 커집니다.[노트패드플러스 글자 줄간격 변경]전 14 또는 16 정도가 적당한것 같습니다.그리고 개발할때는 전 고정길이 폰트를 선호합니다. 글자가 세로로 줄 간격이 …

클라우드플레어 R2(개체스토리지 S3) 서비스 실시

사람에겐 인식이나 미리 설정된 값이 중요하단것을 다시금 생각되게 한다.이미지가 중요함. 거꾸로 내가 잘 알지도 못하면서 다른 사람에 대한 잘못된 이미지를 가지고 있지는 않는가?나에게 클라우드플레어는 뭔가 안되는 오류가 발생하는 제대로된 서비스가 안되는그런 이미지가 강하다. 그렇게 때문에 R2도 실제 서비스에서 어떤 문제가 있을지않을까 걱정이 된다.저렴한 스토리지는 와사비가 유명합니다.(이용해 보진 않았습니다.)그런데 여기도 결제를 잘 보라는 글들이 있던것으로. 짧게 사용해야 되는 경우와사비서비스지역: Locations – Wasabi [와사비 서비스 국가] [와사비 AWS 비용비교]&…

css div와 span의 차이점은?

div와 span css 설정을 통해서 서로의 기능을 변경하는 방법도 있습니다.하지만처음 왜? 만들어 졌는지 알고 사용하는것이 중요합니다.예전에 table를 통해서 와꾸(레이아웃)을 잡아 주었다가 변경 된것 처럼.그럼 table이 없어졌나요? 그렇지 않습니다. 본래의 용도가 아니기 때문에 사용하지 않는것입니다.span과 div도 그렇습니다.span은 inline이고 div은 블럭 입니다.보통 이렇게 말하는 경우가 많은데요.더 쉽게 span과 div를 간단하게 표현하면 아래와 같습니다.div는 세로 레이아웃을 위해서span은 가로 레이아웃을 위해서 만들어진 것입니다.<!DOCTYPE html><html l…

웹브라우저 alt + tab 창전환이 안되고 탭전환이 될 때

이런 기능이 왜? 생겼는지 이해가 안가는데새로운 기능을 알리려고 그랬냐?기존에 alt + tab 사용하던 사람은 다 창전환 인데이걸 브라우저에서 탭전환으로 변경해 놓으니 답답 하신분은아래 설정에서 변경이 가능 합니다.웹브라우저 alt + tab 창전환이 안되고 탭전환이 될 때 설정 > 시스템 > 멀티태스킹 > Alt + Tab > 열린창이표시됩니다.[윈도우10 Alt + Tab 전환 설정]

HTTP 프로토콜 페이지 이동 301, 302 차이

HTTP 프로토콜에서의 페이지 이동에 대한 부분입니다.보통 두가지를 많이 사용하는데301 코드와302 코드 입니다.일반적으로 pHP에서 Header("Location: 주소"); 형태로 사용하는데이는 302 입니다. 301로 처리하기 위해선 뒤쪽에 파라미터를 추가해 줘야 합니다.그렇다면 301, 302 차이가 무엇이냐 인데.일반적인 용도로서 페이지가 이동 되는것은 동일 합니다.다만 SEO에서 웹봇이 봤을때 페이지가 영구적으로 이동 되었느냐아니면 임시적인 이동이냐에 대한 차이 입니다.리뉴얼 되어 페이지의 주소가 완전히 변경 되었다면반드시 301을 사용해야 합니다.

윈도우10 IPTIME공유기 가상회선(VPN) 연결 방법

가장 많이 사용하는 공유기인 iptime 공유기에서 연결하는 방법은 다음과 같습니다.1) iptime의 관리자에서 vpn 항목을 찾은 다음. 계정을 추가 합니다.2) 윈도우10에서 vpn 연결을 만듭니다. PPTP 및 암호화 사용3) 네트워크 환경설정에서 암호화 부분을 변경해 줍니다.가장 중요한 부분은 아래 이미지를 참고 합니다.위 이미지가 가장 중요한 부분입니다.

mysql 테이블 조인 깔끔한 정리

깔금한 정리가 있어.인쇄해 놓고 보고 싶을 정도의 정리라서 저장해 둡니다.MySQL 테이블 조인 그림으로 정리된것입니다.[mysql 테이블 조인 깔끔한 정리]

vscode 마우스휠 스크롤 조정 및 글자 폰트 크기 조절

마우스휠을 통한 폰트 크기 및 휠 이동에 대한 설정 방법 입니다.Ctrl + , 를 통해 들어갔을때 whell 으로 검색을 하시면 됩니다.1) 폰트사이즈 조절방법은 zoom 이란 부분이 보이죠 이것이 체크가 안되어 있으면 체크해 주면 됩니다.2) 마우스휠 스크롤 이동은 기본 3이라고 생각 하시면 되며 Editor: Mouse Wheel Scroll Sensitivity 값을 변경해 주시면 됩니다. 9이면 3*9가 되기 때문에 27라인이 됩니다. 첫행으로 커서 이동한 다음 이정도 움직이는지 테스트 해보세요. [vscode 마우스 휠 스크롤 / 폰트 글자크기 조절]시스템의 마우스휠을 조정 방법은 아래 참고…

마우스포인트 이동 속도 및 마우스 휠 돌릴때 스크롤 조정하기

마우스포인트 이동 속도 및 마우스 휠 이동 조정하기예전엔 아래 화면해서 했습니다. 현재 윈도우10에도 아래 화면에 들어가기 위해서 실행 > control 입력하면 예전 제어판으로 들어 가게 됩니다. 그런데 아래 처러 마우스 속성에서 휠관련 부분이 없는 경우가 있습니다. 이런 경우 윈도우 10이면 설정에서 찾으시면 됩니다. [윈도우 예전 마우스속성]아래는 윈도우10에서 장치 > 마우스 선택했을때의 화면 입니다.한번 스크롤할때 10줄씩 이동하도록 변경 하였습니다. 3 -> 10으로 변경하였으니 좀 많은 편인데요. 생각엔 화면의 2/3 정도까지는 이동해도 될것 같습니다. [윈도우10 마우스속…

깃허브 copilot 대해서 그리고 vscode 사용

우선 지금 사용은 vscode 에서 확장 프로그램을 설치하여 사용해 볼 수 있습니다.이런 부분이 시작이 되었다는것이 중요합니다.앞으로 개발에 대해 더 생산적인것데 더 많은 시간을 사용 할 수있을 것으로 여겨집니다. 그리고 개발자의 자리가 적어진다거나 그러한 부분은 없을 것입니다. 보통 그냥 하는 말이고 copilot 사용하려면 기본적인 프로그램에 대한 문법을 알아야 하고 그리고 문법 이전에 프로그램 작업을 하려면 자료구조도 알아야 하고 네트워크, 프로토콜, 데이터베이스 알아야 할 것들이 무수히 많이 있습니다. 앞으로 쓸만한 보조툴이 하나 더 생겨서 좋다라고 생각하면 되겠습니다. 지금 함수(메소드)에 대…

브라우저 닫을때 쿠키 자동삭제 하기

예전에 재미 있는 글이 하나 있었는데요. 시작 페이지가 다른 부분이었습니다. IE 사용하던 시절인데 웹개발자의 경우는 _blank 였습니다. 빈페이지로 설정합니다. 그래야 쿠키삭제가 용이해서 IE의 경우는 현재 열려저 있는 경우는 쿠키삭제가 안됩니다.예전의 IE는 가고 이젠 크로미움계열인데 IE엣지의 경우 창 닫을때 쿠키를 자동으로 삭제해 주는 기능입니다. 그러다 보니 크롬과 엣지 웨일등 여러가지 브라우저를 사용하게 됩니다. 각각의 특징이 있습니다.[IE 엣지(크롬계열) 브라우저에서 쿠키 자동삭제하기]이 기능 때문에 사이트 개발 할때는 IE엣지만 사용합니다. 검색은 구글만한곳이 없어서 다른 브라우저 사용 해야 …

크롬계열 브라우저 비밀번호, 번역 설정할것인지 물어보지 않게 설정

개발하고 크게 관련이 없을 수 있으나 해외 사이트를 자주 방문하다 보니 계속 '번역' 할것이냐 물어 봅니다. 크롬계열인 엣지도 그렇고 기본적으로 크로미움에서 제공하고 있어 그런것으로 보입니다.방법은 설정에 들어가서 '암호', '번역' 검색해서 사용하지 않음으로 설정해 주시면 됩니다. '비밀번호'라고 검색을 하시면 나오지 않기 때문에 '암호'라고 검색을 해야 되네요.별것 아닐 수 있지만. 설정하고 나니 보이던게 안보이니 참 좋습니다.