반응형 React2 Hook-1 Hook - 함수 형 컴포넌트에서 사용할 수 있는 기능이다. Hook의 자주 사용하는 종류 useState - 상태를 관리해 주는 기능useEffect - 랜더링 될 때마다 특정 작업을 실행해 주는 기능 useRef -변경 가능한 참조 객체를 생성할 수 있는 저장 공간 useMemo -Memoization(메모리화) -성능 최적화하기 위한 기능 useReducer - 컴포넌트의 상태 관리 기능 (useState랑 기능 비슷함) 1. useState 전체 코드 export default function UseState01() { const[count, setCount] =useState(0);const[message, setMessage] =useState('안녕하세요'); const ha.. 2024. 8. 31. 컴포넌트(Component)- 사용자 정의 태그 컴포넌트 (Component): 사용자 인터 페이스(UI) 구축하는 기본 요소 -사용 방법- 컴포넌트 내보내기 - export default컴포넌트 가져오기 - 불러오는 환경에서 상대경로를 지정 >> 기존의 컴포넌트 함수명에서 변경가능 -특징 -파일명이 대문자로 시작해야 된다!!!(UpperCamelCase 사용)>> JS의 일반 함수 형태와 구분한다>> 파일명이 함수명으로 구현한다 >> 각 폴더의 메인이 되는 파일 :index.tsx -> Index.tsx로 수정해야 된다.코드 양이 줄어든다 유지 보수하기가 .. 2024. 8. 29. 이전 1 다음 반응형
