WebStorm 및 기타 JetBrains IDE에서 가장 유용한 생산성 향상 도구를 한데 모아보는 FOMO 요약 시리즈의 세 번째 편에 오신 것을 환영합니다. 오늘은 React 작업을 위한 몇 가지 멋진 기능을 다루겠습니다. 이러한 모든 기능은 JetBrains IDE에서 바로 사용할 수 있습니다.
복사 및 붙여넣기 시 HTML 'React화'
많은 사용자에게 사랑받는 작지만 매우 유용한 기능부터 시작하겠습니다.
#WebStormTip – Pasting HTML into a React project will convert `class` into `className` 🤯
— alistair (@alistaiiiir) February 15, 2021
바로 그렇습니다! HTML 코드를 React 구성 요소에 붙여넣을 때마다 적절한 React 규칙을 따르도록 IDE가 자동으로 이를 변환합니다.
이 예에서 class는 className으로 변환되었습니다. IDE는 이벤트 핸들러도 변환합니다. 예를 들어 onclick을 onClick으로 변경합니다. 자세한 내용은 관련 문서의 JSX로 HTML 속성 전달 섹션을 참조하세요.
React 구성 요소 추