Ajax2 [React] React Ajax 활용 프로젝트를 진행할 폴더 생성 (예, ajax_prac) $ npx create-react-app '프로젝트명' App.js 에 아래 예시 처럼 코드를 작성했습니다. 먼저 하드 코딩 후, react의 함수형 컴포넌트로 변경하겠습니다. import "./App.css"; function App() { return ( Hello React example 1 example 2 example 3 title desc ); } export default App; 제목과 nav메뉴, 메뉴 선택시 변경되는 하위 아티클의 제목과 내용의 구조입니다. 함수형 컴포넌트로 변경 https://jsonplaceholder.typicode.com/users → 해당 json 데이터를 이용하여 리스트에 출력하겠습니다. 컴포넌트 생성 .. 2023. 10. 9. [Axios] 액시오스란? Axios Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 라이브러리. 주로 웹 앱에서 서버와의 HTTP 요청을 보내거나 데이터를 받아올때 사용. → 요청 /응답이 간편함 참조 : https://axios-http.com/kr/docs/intro ⭐️ Axios의 특징 간편한 API: Axios의 API는 쉽고 직관적이며, HTTP 요청을 만들고 응답을 처리하는 데 필요한 다양한 기능 제공. Promise 기반: Axios 요청은 Promise를 반환하므로, 비동기 코드를 작성이 쉬움. 자동 변환: Axios는 자동으로 JSON 데이터를 자바스크립트 객체로 변환. 인터셉터 제공: Axios는 요청이나 응답을 보내기 전후에 수정할 수 있는 인터셉터를 제공. (글로벌한 수.. 2023. 10. 8. 이전 1 다음
