본문 바로가기
728x90

분류 전체보기530

[리액트] - 라우터 설치와 사용 라우터 url 마다 페이지 구분.페이지 구분하는 것 = 라우팅 react-router-dom 설치  터미널 열어서 npm install react-router-dom@6 입력해서 설치설치가 잘 됐으면 npm start 해주기.import { BrowserRouter } from "react-router-dom";const root = ReactDOM.createRoot(document.getElementById('root'));root.render( );index.js 파일로 가서App 에다가 BrowserRouter 을 감싸주면 끝 import도 상단에 해주기라우터 사용하기 App.js 파일에서 import 해주기. 'react-router-dom' 여기서 몇가.. 2024. 5. 19.
[리액트] - 데이터 바인딩 / 컴포넌트화 / props 활용 / map() 활용 다른 js 파일에 있는 html을state에 보관해 놓고 html에 데이터 바인딩하기- export / importdata.js 에 있는 html 이 담긴 변수 data 를 App.js 로 옮기기export default 변수명;  - 변수 1개 할 경우,export {변수1, 변수2}; - 변수 2개 이상 할 경우 (default 사용 안함)//data.js에 있는 것let data = [ { id: 0, title: "White and Black", content: "Born in France", price: 120000, }, { id: 1, title: "Red Knit", content: "Born in Seoul", price: 110000, .. 2024. 5. 19.
리액트 라우터 1 : 셋팅이랑 기본 라우팅 보호되어 있는 글 입니다. 2024. 5. 18.
저번 시간 숙제 해설 (Card 컴포넌트 만들기) 보호되어 있는 글 입니다. 2024. 5. 17.
코드 길어지면 import export 하면 됩니다 보호되어 있는 글 입니다. 2024. 5. 17.
이미지 넣는 법 & public 폴더 이용하기 보호되어 있는 글 입니다. 2024. 5. 17.
728x90

티스토리툴바