REACT(8)
-
React 정적 데이터/스타일 적용/클래스명 설정방법
1.정적 데이터 가져오는방법 introduce라는 정적 데이터를 만들고 { } 안에 변수명을 넣어주면 된다. { } 안에서는 주석 처리도 가능하다. 2. 스타일 적용방법 style이라는 Object를 선언하고 에서 style = { } 안에 변수 명을 넣어준다. 3. Jsx에서 클래스 명 선언 Jsx에서는 html에서 하는 class를 그대로 선언하면 오류를 발생시킨다. Jsx만에 class선언이다. App.css에서 hello2라는 클래스에 style값을 넣어준다. 적용 된 결과 값이다.
2021.09.23 -
React 컴포넌트 생성/사용 방법
1. 컴포넌트 만드는 방법 App.js에 들어가는 Hello 컴포넌트 (Hello.js파일) 을 생성한다. function Hello() { return ( 안녕! 반가워! 리액트 ) } export default Hello *주의* 컴포넌트를 생성 할 때 태그 하나만 들어가는게 아니라면 맨 위에 태그로 묶어서 export 시켜주어야 한다. 2. 사용법 App.js으로 가서 Hello 컴포넌트를 import한다. import logo from './logo.svg' import './App.css' import Hello from './Hello' function App() { const hello = Hello() return ( {hello} ) } export default App hello컴포넌트..
2021.09.23