[React] TSX(Typescript JSX) 환경에서 Web Components 사용법
HTML5 환경에서는 별도의 식별자를 가지고 동작을 모듈화시킬 수 있는 커스텀 요소(자세히 알아보기)를 정의할 수 있는 기능을 제공합니다.(e.g. 와 같은) 다만 TSX(Typescript JSX)에서는 별도의 타입 검사를 수행하기 때문에 JSX에서는 별도의 식별자 이름을 지닌 HTML 요소를 문제 없이 컴파일 할 수 있지만 TSX 환경에서는 별도로 이를 정의해 주지 않는다면 타입 검사에서 예외가 발생하게 됩니다. 이러한 이슈를 해결하는 방법은 매우 간단합니다.declare module "react/jsx-runtime" { namespace JSX { interface IntrinsicElements { "custom-element1": JSXCustomEleme..
웹 (Web)
2025. 1. 22. 04:26
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Flutter
- 디자인 패턴
- 조건부 타입
- JavaScript
- jetpack compose
- 객체지향
- html custom element
- 팩토리 메서드
- Factory Method
- TypeScript
- Reflow
- 커스텀 요소
- 객체 지향
- svg
- 리플 효과
- web
- 터치 효과
- github
- omit
- 플러터
- 타입스크립트
- 안드로이드
- webpack
- 안드로이드 개발
- pagetransitionsbuilder
- 최적화
- android
- pageroute
- 전환 애니메이션
- 깃허브
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함