04.04

2023.04.04일(화)
오늘 수업이 역대급으로 어려운것 같다. 이해는 되는데 그러려니 급으로 이해를 해서 따로 공부를 더 해봐야할것같다.

Components 의 생명주기

• Class형 Component
  React Component 기능을 모두 사용가능

import { Component } from "react";
class ClassComponent extends Component {  render() {
    return <div className="bg-yellow-100 h-96">ClassComponents</div>;
  }
}
export default ClassComponent;

• 함수형 Component
  Render 본연의 기능 하나만 가지고있음, Hooks를 이용해 Component 기능을 이용가능
  useState를 통해 함수형 컴포넌트의 생명주기 표현가능

const Component = () => {} ...

UseEffect

`useeffect(() => { } , [] )' <= Component가 실행되었을떄 실행되는 느낌?!
[]( deps(dependencies; 의존성 배열) )변수는 추적하는 변수 느낌(?)

Router

npm i react-router-dom을 통해 설치가능
이후 BrowserRouter, Routes,Route Import해준 후 사용

Dynamic Router

• 한 페이지에서 여러개의 인덱스를 이용해 여러 페이지를 나타내는 기능으로 이해함
• useSearchParams