Codepen 에서 React 실행하기

🟩 Frontend-HTML & CSS & +JS/🔰 React

ramen2 2024. 12. 22. 03:23

📌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 으로 실행하는 예시

저작자표시 비영리 변경금지

리액트에 스타일 여러개 주기 (classNames 라이브러리) (1)	2024.12.29
리액트에 swiper 쓰는 예제 (dom 버전 오류해결법) (React swiper) (1)	2024.12.27
React 터미널 warning 메세지 없애기 (0)	2024.12.22
React 예제 파일 여는법 (명령어) (0)	2024.12.05
React Router를 활용한 라우팅 및 쿼리 처리 (2)	2024.11.28

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

기록장