본문 바로가기

전체 글

 (223)
[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 미들웨어 생성
P2P (peer to peer) 정의 : 중앙 서버를 거치지 않고 클라이언트 컴퓨터끼리 직접 통신 대한민국 기준 최초의 P2P는 '소리바다'이고, 과거에는 '스카이프'가 대표적이었으며, 현재는 '비트코인' 기술도 P2P 기술을 이용했다고 합니다. 왜 P2P 기술을 사용하였을까요? 장점으로, 첫 번째 속도입니다. 서버를 거치지 않고 직접 통신하니 당연히 속도가 빠를 거라고 생각했는데, 이것은 인터넷의 속도가 발전함으로써 의미가 생긴 것이고 인터넷 속도가 느리던 시절엔 의미가 없었다고 합니다. 두 번째 서버 성능의 한계를 극복할 수 있습니다. 클라이언트만 사용하다 보니 서버 컴퓨터의 성능이 부족한 점을 극복할 수 있습니다. P2P의 종류로는 순수 P2P와 혼합 P2P로 나뉘며 혼합 P2P는 PC끼리 통신할 때 원활하도록 서버가 일부 개입한..

티스토리툴바