개발관련 7 페이지

자동 들여쓰기가 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"헤더 부…

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

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