티스토리 뷰
728x90
React에서 css class 사용 시 className 으로 attribute 이름을 사용
CSS를 import 해서 사용
import React from "react";
import "./App.css";
import MyHeader from "./MyHeader";
function App() {
let name = "테스트";
return (
<div className="App">
<MyHeader />
<h2>안녕 리액트 {name}</h2>
<b id="bold_text">React.js</b>
</div>
);
}
export default App;
인라인 스타일로 CSS 사용
import React from "react";
import "./App.css";
import MyHeader from "./MyHeader";
function App() {
let name = "테스트";
const style = {
App: {
backgroundColor: "black",
},
h2: {
color: "red",
},
bold_text: {
color: "green",
},
};
return (
<div style={style.App}>
<MyHeader />
<h2 style={style.h2}>안녕 리액트 {name}</h2>
<b style={style.bold_text} id="bold_text">
React.js
</b>
</div>
);
}
export default App;
728x90
'헉!! > ETC' 카테고리의 다른 글
[React] React에서 개발/운영 환경 분리 (0) | 2024.07.21 |
---|---|
[React] Props (0) | 2024.07.21 |
[React] JSX (0) | 2024.07.21 |
[Electron] 시작하기 (0) | 2024.07.20 |
Selenium에서 Playwright로 전환해보니.. (0) | 2024.07.20 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- iPhone
- 오브젝트 C
- IT
- MySQL
- Objective C
- Programming
- Object C
- Xcode
- SQL
- iBATIS
- Java
- jQuery
- MacOS X
- 오브젝티브 C
- MAC OSX 10.7
- tomcat
- 아이폰 개발
- JavaScript
- iOS 개발
- Objective-C
- JSP
- Spring Framework
- 아이폰 어플리케이션
- Spring
- 아이폰
- zero
- 자바스크립트
- 자바
- 제이쿼리
- oracle
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함