클린업2 React - AJAX 실습(1) 간단하게 AJAX 를 통하여 무료 API 활용하여 실습을 해보자!!일단 AJAX 는 useEffect 안에서 내부 또는 이벤트 핸들러에서 실행이 되어야 함또한 직접 해보니 로딩이나 오류 에러 와 같은 상태 관리가 중요하다고 생각이 듬라이브러리는 axios 나 fetch 를 사용하면 되는데 둘다 해보기로 함! 일단 fetch 를 통하여 API 를 받아오되 첫번째 단계로 다섯개만 뿌리고 새로운 포스트 작성을 하면 맨 위로 올라갈수 있도록 해보자!! ** 가장 기본 뼈대 생성import React from "react";const BlogPostFetch = () => { return( )}export default BlogPostFetch; 1. 데이터를 먼저 받아서 잘 받아 왔는지.. 2025. 2. 4. React - Hook (State, Effect) React 에서 Hook 이란?함수형 컴포넌트에서 사용되는 state와 관련된 기술들을 모아서 일컫는 말임 대표적으로 useEffect() , useState() 가 있음 Hook은 함수컴포넌트에서 React State 와 생명주기 기능을 연동 할수 있게 해주는 함수임Hook 은 class 안에서 동작하지 않음 단 class 없이 React 를 사용할수 있게 해주는 것임 React Hooks에서 구독(subscription)과 클린업(cleanup)은 부수 효과(side effect) 관리를 위한 핵심 개념임 구독(subsciption) 이란?외부 데이터 소스 연결 : WebSocket, 실시간 DB, 이벤트 리스너 등 지속적인 연결이 필요한 경우장기 실행 작업 관리: 타이머(setInterval), 애.. 2025. 2. 2. 이전 1 다음
