Codepen 에서 React 실행하기

📌ReactDOM / React 라이브러리 추가

- Settings > JavaScript 탭으로 이동하여 ReactDOM , React 를 External Scripts에 추가

- Settings > JavaScript 탭으로 이동하여 ReactDOM을 External Scripts에 추가

⚠️ 검색해서 나오는 CDN을 넣고, 19.0.0 버전이 아니라 18.2.0으로 직접 수정해야 잘 동작함

 

 

📌Babel 변경

- Settings > JavaScript 탭으로 이동하여 JavaScript Preprocessor 를  Babel 으로변경

 

 

 

 

 

 

📌 codepen 으로 실행하는 예시

 

See the Pen Untitled by galaxy_star (@fold6) on CodePen.