Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 디프만 #디프만17기 #depromeet
- IAP
- PR
- 비동기
- HTML
- 정보처리기사
- Aggregate
- 이펙티브 타입스크립트
- typeScript
- 정처기 자격
- React Native
- 데이터 로드 #텍스트 분할
- ui thread
- DDD
- 속도개선
- Expo
- in app purchase
- rn
- sharedvalue
- TS
- nextJS
- 빌딩 블록
- 정처기 준비물
- js
- 타입스크립트
- rniap
- BOUNDED CONTEXT
- 불변식
- 애그리게이트
- react natvie
Archives
- Today
- Total
목록Canvas (1)
nika-blog
이번 포스팅에서는 Canvas에 대해서 대략적인 내용을 공부하고 이를 통해 사각형을 만들어 볼 예정입니다. canvas란? HTML 의 태그로, JS를 이용해서 다양한 그래픽 요소를 만들 수 있다. 사용법? 1. DOM 조작이 필요함으로 id 작성이 필요하다. 2. 크기와 높이 설정 -> 설정하지 않으면 기본 300px*150px 태그 속성 이용 (픽셀만 가능) DOM 설정 (유동적 값 가능) canvas.width = 50vw; canvas.height = 40vh; // 50vw * 40vh 로 설정됩니다. canvas.width = innerWidth; canvas.height = innerHeight; // 화면 크기에 맞춰서 설정해줄 수도 있습니다. 3. 캔버스에 그래픽 작업을 할 수 있는 속성..
FE/JS
2022. 2. 24. 09:39