FE
-
[React] useEffect 정리react 2024. 6. 12. 16:08
🔑 [keyword]설정 함수 1-1. 정리 함수의존성 배열 📺 참고 강의React Hooks에 취한다 - useEffect 깔끔하게 마스터하기 | 리액트 훅스 시리즈컴포넌트가 Mount, Update, Unmount될 때, 특정작업을 처리시켜줄 코드가 필요하다면 useEffect를 활용하면 됩니다.기본적으로 useEffect 훅은 인자로 콜백함수를 받습니다.콜백함수란 다른 함수의 인자로 전달된 함수콜백함수 내부에 우리가 처리할 작업을 입력해줍니다.useEffect(()=>{}) 하나의 콜백함수만 받는 경우첫 번째 인자로 콜백함수, 두 번째 인자로 배열(dependencies)배열이 빈 배열일 때화면에 첫 렌더링 될 때만 실행됩니다.clean up- 정리첫 번째 인자 return 값에 함수를 넣어줍니..
-
[React] Props componentreact 2024. 5. 8. 08:45
Components와 Props – React공식 문서1. Components와 Props의 정의React는 Component기반의 구조리액트에서는 모든페이지가 component로 구성되어 있고하나의 component는 다른 component로 구성되어 있기도 함→ 마치 레고 블록을 조립하듯 component들을 모아서 개발위 사진에서의 A,B와 같이 여러 component를 반복하여 하나의 페이지를 구성하나의 컴포넌트를 반복적으로 사용하여 개발시간와 유지보수 비용을 줄일 수 있음1-1. component의 구조자바스크립트의 함수와 유사함입력을 받아 출력하는 구조그러나 다른 점이 있는데 그것은 Props를 입력받아 element를 출력하는 것객체 지향 class(component) / instance(e..