본문 바로가기

전체 글

(224)
Bracket Pair Colorizer is no longer being maintained. 해결 vscode 확장 프로그램 Bracket Pair Colorizer & Bracket Pair Colorizer 2 사용 중에, 하단과 같은 내용이 출력되었습니다. 더 이상 유지 & 관리되지 않는다는 내용으로 판단되며 21년 8월경 vscode에서는 해당 익스텐션의 성능 문제로 자체적으로 기능을 제공한다고 합니다. (링크 참조 https://code.visualstudio.com/updates/v1_60#_high-performance-bracket-pair-colorization) 내장 기능을 사용하기 위해서 Bracket Pair Colorizer & Bracket Pair Colorizer 2를 삭제합니다. 이미지 1을 참고하여, 빨간색 사각형의 확장(extions)에 가서 Bracket Pair ..
[CSS] pointer-events 사용으로 인한 클릭 이슈 그림과 같은 css구조가 있다고 가정하겠습니다. (이하 빨간색 box1, 주황색 box2) 형제 관계처럼 보이지만, box1을 기준으로 box2를 absoulte로 배치한 부모-자식 관계입니다. box1,2에게 클릭 이벤트가 있다고 가정할 때, 겹치는 부분(교집합)을 클릭하면 이벤트가 2개가 발생합니다. 방지하기 위해, box1에 pointer-events라는 속성을 사용하였습니다. (default auto) pointer-events:none; 문제는 box1과 box2가 부모-자식 관계였고, box2의 버튼도 클릭이 되지를 않는다는 것을 알게 되었습니다. 1. css상속을 생각하지 않았습니다. 2. 잘 모르는 것을 함부로 사용하면 안 된다는 점과, 3. 이벤트 계열은 되도록 스크립트단에서 해결을 하는..
iwinv 서버관리하기 목적 : iwinv사의 서버관리 서비스 이해하기 스마일 서브사의 클라우드 서비스로 iwinv를 이용하고 있습니다. 제공된 모니터링 서비스로 port 모니터링, resource모니터링, 트래픽, 취약점 점검등을 제공해줍니다. 첫번째로 포트모니터링은 서버내에 등록한 port중 하나라도 이상이 발생한다면, 3분이내로 문자, 텔레그램, 메일등으로 연락받을 수 있는 서비스입니다. LMS는 건당 50원이 발생하여 이메일만 신청하였는데, 위처럼 이메일이 3분안에 오게되고, LMS신청까지 하게되면 문자로 연락와서, 문제가 발생하였을때 즉각적인 대처가 가능합니다. 설정버튼을 클릭하게되면 default로 OFF상태이며, ON을 눌러야 신청가능하고 서버의 포트설정을 할 수 있습니다. 알람설정으로 어떻게 연락받을지 다중 선택..
parcel.js parcel.js는 공식 페이지에서 Blazing fast, zero configuration web application bundle 이라고 소개합니다. 매우 빠르고, 구성이 필요없는 웹 애플리케이션 번들이라고 해석됩니다. 설치법은 npm과 yarn로 나뉘며, npm install -g parcel-bundler yarn global add parcel-bundler 작업할 폴더에서 parcel index.html 명령어를 입력하면 dist폴더에 번들링 됩니다. 그후 http://localhost:1234에 접근하면 확인하실 수 있습니다. (저장시 자동으로 새로고침 포함)
키보드 윈도우키가 동작안할때 게이밍 키보드의 경우 갑자기 윈도우가 눌리면 안 되기 때문에 막아놓은 경우가 있다. Fn 버튼과 윈도우 키를 같이 눌러주면 해결된다.
vscode git LF모드 변경 명령어 git config --global core.autocrlf input git config --global core.eol lf
rsync rsync 는 Remote Sync 의 약자로 samba 의 핵심 개발자인 Andrew Tridgell 이 만든 file & directory 동기화를 위한 프로토콜이자 Unix용 커맨드라인 유틸리티이다. sudo apt install rsync rsync 설치 한 서버에서 다른 서버의 디렉토리 동기화 하기 rsync -avz 호스트네임@호스트아이피:/경로 옮기려는 경로 /home/mincoding/test 내용을 /tmp 하위 디렉토리로 옮긴 모습 49.247.195.224/home/mincoding/test -> 49.247.195.84/home/mincoding으로 옮긴 모습
morgan 미들웨어 사용하기 morgan : http request 로그 관리의 미들웨어 종류 왜 이름이 morgan 인지 -> (Dexter morgan으로부터 유래됐다는데) 왜 Dexter morgan 인지 알려주시면 감사하겠습니다. 설치 방법 API 사용법 매개변수 format과 options를 사용하여 새로운 morgan 미들웨어 생성