일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- JavaScript
- git
- HTML
- react
- 리액트
- Supabase
- 타입스크립트
- 생활코딩
- 연산자
- web
- 웹퍼블리셔
- 웹디실기
- github
- 렛츠기릿자바스크립트
- 비전공자
- 코딩독학
- CSS
- 자바스크립트
- jQuery
- 깃
- Splunk
- JS
- 프론트엔드
- 실기
- 정보처리기사
- PROJECT
- 웹디자인기능사실기
- 웹디자인기능사
- 코드공유
- 슬라이드전환
Archives
- Today
- Total
목록Fragments (1)
코딩하는라민

[React] JSX 이해하기 📌 사용자 정의 컴포넌트 ✅ Import 상단에 다른 곳에 정의된 코드를 불러와 현재 문서에서도 사용할 수 있게 해준다. 리액트 라이브러리 불러오기 import React from 'react'; JSX 를 사용하기 위해서는 React 라이브러리를 파일로 불러와야한다. 단, cdn 으로 스크립트 태그를 넣었다면 React 는 전역변수이기 때문에 별도로 불러올 필요가 없다. CSS 파일 불러오기 import './style.css'; 이미지 불러오기 import logo from './logo.svg'; ✅ 렌더링 // HTML 파일 이 안에 들어가는 모든 요소를 ReactDOM에서 관리한다. React 에서는 일반적으로 하나의 루트 DOM 노드가 있다. 렌더링하기 위해서는 ..
Core/React
2023. 2. 22. 00:45