개요 x-mouse 의 기능을 활용하여 가상 데스크탑을 좀더 편리하게 활용해보자. - x-mouse 다운로드: https://www.highrez.co.uk/downloads/xmousebuttoncontrol.htm windows 10 가상 데스크탑 가상 데스크탑이란, 마치 여러대의 컴퓨터 화면을 오가듯 할 수 있는 것을 말한다. prefix key 는 CTRL +WIN 이라고 보면 될 듯 하다. 대부분의 경우 CTRL +WIN 키를 먼저 누르고 특정 키를 눌러 가상 데스크탑 명령을 실행한다. 대표적인 단축키는 다음과 같다. CTRL + WIN + D 새로운 가상 데스크탑 생성 CTRL + WIN + LEFT / RIGHT 가상 데스크탑 사이를 이동하기 CTRL + WIN + F4 가상 데스크답 닫기 ..
개요 체크박스들이 있는데, 하나를 클릭하고, 쉬프트를 누른 채 나머지 하나를 클릭하면, 마지막으로 클릭했던 체크박스와 지금 쉬프트를 누른채 클릭한 체크박스 사이의 모든 체크박스가 체크 되도록 한다. index-START.html 오랜만에 .css 와 div 레이아웃을 둘러보자. 1) 전체 div 는 inbox class 이다. - max-width: 전체 폭이 450 px - margin: 상하좌우중에서 위쪽만 50px, 나머지는 자동설정 - box-shadow: 그림자의 x, y offset 과 blur (클 수록 블러커짐), 그리고 rgba 값 2) 각각의 체크박스 리스트는 .item 이다. 3) input:checked+p - input:checked 바로 뒤에 오는 p 이다. - 완료되었다는 느낌..
개요 console 의 다양한 함수를 써보자. 해보니깐 신기하고 재미나다. Breakpoint 사용해보자 1) 만약 버튼을 만들어 두었다면, Element 탭에서 해당 코드를 우클릭하여 2) Break on >> attribute modification 을 설정해두면 3) 실제로 해당 를 클릭하였더니 breakpoint 가 먹힌다. console.log 사용법 1) console.clear() 를 사용하면 그 이전의 출력이 다 지워진다. 2) console.log() 는 일반적 출력 3) formatting 을 하는 두 방법, `` 와 ${} 를 사용하는 방법 추천 4) %c 를 이용해 style 을 넣어줄 수 있다. 5) warning, error, info 등을 먹일 수 있다. - 나중에 이걸로 필터..
개요 HTML5 Canvas 기능 맛보기 내용 #draw 의 # 은 뭘까 - id 일때에는 # 을 쓰자. 1) hsl 알아보기 - Hue, Saturation, Lightness 이다. - Hue 는 0 to 360 까지의 색깔이다. 빨간색 0, 초록색 120, 파란색 240 이다. - Saturation 은 0%는 그레이, 100% 는 Full color 이다. - Lightness 는 0%는 검정, 100%는 흰색이다. 2) beginPath() 함수 - 새로운 경로를 만든다. - 이후로 이렇게 새로 생성된 경로에 다양한 명령으로 구성하고 만들게 된다. EventListener() 4개 - 마우스가 눌려진 경우에만 그려질 수 있도록 해준다. - 처음 시작할때의 좌표를 눌려진 순간의 좌표로 해준다. -..
개요 Array 관련해서 몇몇 함수들을 더 들여다 보자 이번 편은 매우 짧다. 내용 첫 번째로 가지고 놀 배열 배열의 some() 함수에 파라미터로 함수를 넣어주는데 - 배열 원소를 파라미터로 받아서, 참 / 거짓을 리턴하는 함수이다. - some() 함수는 파라미터로 들어온 함수가 하나라도 true 를 리턴하면 true 를 리턴 배열의 every() 함수에 파라미터로 함수를 넣어주는데 - 배열 원소를 파라미터로 받아서, 참 / 거짓을 리턴하는 함수이다. - every() 함수는 파라미터로 들어온 함수가 하나라도 false 를 리턴하면 false 를 리턴 두 번째로 가지고 놀 배열 배열의 find() 함수에 파라미터로 함수를 넣어주는데 - 배열 원소를 파라미터로 받아서, 참 / 거짓을 리턴하는 함수이다...
- Total
- Today
- Yesterday
- websocket
- Shortcut
- strange
- agile
- ORM
- 체호프
- github
- Bug
- Gin
- API
- pool
- 독서후기
- postgres
- 중용
- notion
- 클린 애자일
- 인텔리제이
- golang
- 노션
- bun
- intellij
- 영화
- 독서
- go
- folklore
- solid
- ChatGPT
- 2023
- 잡학툰
- OpenAI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |