🧐
코드로 디자인하는 UI 개발자
  • 🥳Welcome!
  • Section
    • React
      • React Simple Summary
      • React.js?
      • Create React App
      • Components
      • Virtual DOM
      • Class Component, Function Component
      • state, setState
      • Ref
      • self closing element(tag)
      • React Hooks
      • useEffect(), useLayoutEffect()
      • Deployment
      • react assets images path dynamic binding - require()
      • PostCSS
      • Dynamic Tag Name Props
    • Vue
      • Vue Simple Summary
      • v-bind
      • ::v-deep 딥셀렉터
      • Dynamic Components (동적 컴포넌트), :is attribute
        • 후속편(after that...)
      • vue assets images path dynamic binding - require()
      • Computed vs Watch vs Methods
      • v-if VS v-show
      • v-for 와 v-if 동시사용
      • self closing element(tag)
      • data functiuon - Function Declarations VS Arrow Function
      • invalid-first-character-of-tag-name.
    • JavaScript
      • Array Methods
        • some() VS every()
      • Data Type Variable
        • Object Type Spread Syntax
      • try...catch...finally and throw
      • argument와 parameter 차이점
      • Throttle, Debounce
      • framework and library
  • HTML, CSS
    • CSS Simple Summary
    • word-wrap VS overflow-wrap 그리고 word-break
    • self closing element(tag)
    • position: fixed 관련 특징 및 이슈
    • BFC 블록 포멧팅 컨텍스트
  • Accessibility
    • Anchor 요소에서 Title 속성사용이 Accessibility(접근성)에 좋다고?
  • UXI
    • 모바일 최소 터치 영역(Mobile Touch Area)
    • Skeleton UI (스켈레톤)
Powered by GitBook
On this page
  1. Section
  2. React

self closing element(tag)

PreviousRefNextReact Hooks

Last updated 2 years ago

React JSX component self closing

  • JSX : 태그는 꼭 닫혀있어야 한다는 규칙이 존재

  • 컴포넌트 내부에 자식요소가 없는 단일 컴포넌트는 셀프 클로징이 가능하다.

// Bad
<img> // error
<MyComponent></MyComponent>

// Good
<img />
<MyComponent />
참고