반응형 프로젝트8 [React] API 계층 분석 : 한국어 교육 웹 서비스 '재밌는한국어' 프로젝트 2. API 계층 분석: adminApi.js이 파일은 백엔드 서버와 통신하는 모든 API 요청을 중앙에서 관리하는 역할을 합니다. axios 라이브러리를 사용하여 HTTP 요청을 생성하고, 기능별로 모듈화하여 내보냅니다.2.1. 코드 전문 (주석 포함)// axios 라이브러리를 가져옵니다. HTTP 통신을 쉽게 할 수 있게 도와주는 도구입니다.import axios from "axios";// API 요청의 기본 URL을 상수로 정의합니다. 이렇게 하면 서버 주소가 변경될 때 여기만 수정하면 됩니다.const BASE_URL = "http://localhost:8080/saykorean/admin";// JSON 데이터를 전송하기 위한 axios 인스턴스(객체)를 생성합니다.// 대부분의 텍스트 기반.. 2025. 10. 16. [React] 프로젝트 구조 : 한국어 교육 웹 서비스 '재밌는한국어' 프로젝트 1. 프로젝트 구조 및 핵심 개념 이해이 문서는 프로젝트의 전반적인 구조와 React, React Router, Redux(Redux Toolkit)의 역할에 대해 설명하여 코드 이해의 기초를 다집니다.1.1. 폴더 및 파일 구조제공된 파일들을 통해 이 프로젝트의 관리자 페이지 구조를 유추할 수 있습니다.src/api/adminApi.js: 관리자 기능과 관련된 모든 서버 API 요청을 모아둔 파일. (백엔드와의 통신 담당)components/AdminNav.jsx: 관리자 페이지에서 공통으로 사용되는 네비게이션 메뉴 컴포넌트.store/adminSlice.jsx: Redux Toolkit을 사용하여 관리자 페이지의 전역 상태(데이터)를 관리하는 파일.adminPages/AdminHome.jsx: 관리자.. 2025. 10. 16. 이전 1 2 다음 반응형