개요 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개 - 마우스가 눌려진 경우에만 그려질 수 있도록 해준다. - 처음 시작할때의 좌표를 눌려진 순간의 좌표로 해준다. -..
- Total
- Today
- Yesterday
- postgres
- strange
- API
- 잡학툰
- 클린 애자일
- websocket
- 노션
- 체호프
- 2023
- 명상
- folklore
- solid
- Shortcut
- OpenAI
- 인텔리제이
- bun
- agile
- 영화
- 중용
- ChatGPT
- 독서후기
- notion
- go
- intellij
- golang
- Bug
- ORM
- pool
- github
- Gin
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |