본문 바로가기
728x90
반응형

코딩애플171

Lifecycle과 useEffect 2 보호되어 있는 글 입니다. 2024. 5. 21.
Lifecycle과 useEffect 1 보호되어 있는 글 입니다. 2024. 5. 21.
styled-components 쓰면 CSS 파일 없어도 되는데 보호되어 있는 글 입니다. 2024. 5. 21.
리액트 라우터 3 : URL 파라미터로 상세페이지 100개 만들기 보호되어 있는 글 입니다. 2024. 5. 20.
리액트 라우터 2 : navigate, nested routes, outlet 보호되어 있는 글 입니다. 2024. 5. 20.
[리액트] - 라우터 설치와 사용 라우터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.
728x90
반응형

티스토리툴바