Backend wj

backend/pirocheck/src/main/java/backend/pirocheck/Attendance/dto/response/AttendanceMarkResponse.java

@@ -0,0 +1,63 @@
+package backend.pirocheck.Attendance.dto.response;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+
+@Getter
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class AttendanceMarkResponse {
+    private String statusCode; // SUCCESS, INVALID_CODE, CODE_EXPIRED, ALREADY_MARKED, NO_ACTIVE_SESSION, ERROR
+    private String message;
+
+    // 성공 응답
+    public static AttendanceMarkResponse success() {
+        return AttendanceMarkResponse.builder()
+                .statusCode("SUCCESS")
+                .message("출석이 완료되었습니다")
+                .build();
+    }
+
+    // 유효하지 않은 코드
+    public static AttendanceMarkResponse invalidCode() {
+        return AttendanceMarkResponse.builder()
+                .statusCode("INVALID_CODE")
+                .message("유효하지 않은 출석 코드입니다")
+                .build();
+    }
+
+    // 만료된 코드
+    public static AttendanceMarkResponse codeExpired() {
+        return AttendanceMarkResponse.builder()
+                .statusCode("CODE_EXPIRED")
+                .message("만료된 출석 코드입니다")
+                .build();
+    }
+
+    // 이미 출석 완료
+    public static AttendanceMarkResponse alreadyMarked() {
+        return AttendanceMarkResponse.builder()
+                .statusCode("ALREADY_MARKED")
+                .message("이미 출석 처리되었습니다")
+                .build();
+    }
+
+    // 활성화된 출석 세션 없음
+    public static AttendanceMarkResponse noActiveSession() {
+        return AttendanceMarkResponse.builder()
+                .statusCode("NO_ACTIVE_SESSION")
+                .message("현재 활성화된 출석 세션이 없습니다")
+                .build();
+    }
+
+    // 일반 에러
+    public static AttendanceMarkResponse error(String message) {
+        return AttendanceMarkResponse.builder()
+                .statusCode("ERROR")
+                .message(message)
+                .build();
+    }
+} 

backend/pirocheck/src/main/java/backend/pirocheck/config/WebConfig.java

@@ -10,7 +10,7 @@ public class WebConfig implements WebMvcConfigurer {
     @Override
     public void addCorsMappings(CorsRegistry registry) {
         registry.addMapping("/api/**") // 백엔드 API 요청에만 CORS 허용
-                .allowedOrigins("http://www.pirocheck.org") // 프론트 배포 URL
+                .allowedOrigins("http://localhost:5173", "https://www.pirocheck.org") // 프론트 배포 URL
                 .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 허용할 HTTP 메서드
                 .allowedHeaders("*")
                 .allowCredentials(true); // 세션 쿠키 주고받기 허용

frontend/src/App.jsx

@@ -6,10 +6,11 @@ import Assignment from "./pages/generation/Assignment";
 import Deposit from "./pages/generation/Deposit";
 import Intro from "./Intro";
 import Admin from "./pages/admin/Admin";
-import MagageStudent from "./pages/admin/ManageStudent.jsx";
+import ManageStudent from "./pages/admin/ManageStudent.jsx";
 import ManageTask from "./pages/admin/ManageTask.jsx";
 import AttendanceCode from "./pages/admin/AttendanceCode";
 import Attendance from "./pages/generation/Attendance";
+import AdminStudentAttendance from "./pages/admin/AdminStudentAttendance";
 
 function App() {
   return (
@@ -22,9 +23,10 @@ function App() {
         <Route path="/attendance" element={<Attendance />} />
         <Route path="/deposit" element={<Deposit />} />
         <Route path="/admin" element={<Admin />} />
-        <Route path="/magagestudent" element={<MagageStudent />} />
+        <Route path="/managestudent" element={<ManageStudent />} />
         <Route path="/magagetask" element={<ManageTask />} />
         <Route path="/attendancecode" element={<AttendanceCode />} />
+        <Route path="/admin/attendance/:studentId" element={<AdminStudentAttendance />} />
       </Routes>
     </BrowserRouter>
   );

frontend/src/api/api.js

@@ -1,7 +1,11 @@
 import axios from "axios";
 
 const api = axios.create({
-  baseURL: "http://api.:8080/api",
+  baseURL: "http://api.pirocheck.org:8080/api",
+
+  // 수정 필요한지 재검 필요함
+  // "http://api.pirocheck.org:8080/api"
+
   withCredentials: true,
 });
 

frontend/src/api/students.js

@@ -0,0 +1,8 @@
+import api from "./api";
+
+export const getStudentsByName = async (name) => {
+  const res = await api.get("/admin/managestudent", {
+    params: { name },
+  });
+  return res.data; // [{ id: ..., name: ... }]
+};

frontend/src/components/AdminDailyAttendanceCard.jsx

@@ -0,0 +1,112 @@
+import React, { useEffect, useState } from "react";
+import "./componentsCss/AdminDailyAttendanceCard.css";
+import api from "../api/api";
+
+const AdminDailyAttendanceCard = ({ date, studentId, onClose }) => {
+  const [slots, setSlots] = useState([]);
+  const [modified, setModified] = useState([]);
+
+  useEffect(() => {
+    const fetchSlots = async () => {
+      /*
+           {
+      //  개발용 더미 데이터
+      const dummySlots = [
+        { id: 1, status: true },
+        { id: 2, status: false },
+        { id: 3, status: true },
+      ];
+      setSlots(dummySlots);
+      setModified(Array(dummySlots.length).fill(false));
+      return;
+    }
+      */
+      try {
+        const res = await api.get("/attendance/user/date", {
+          params: { userId: studentId, date },
+          withCredentials: true,
+        });
+
+        const rawSlots = res.data.data?.[0]?.slots || [];
+        setSlots(rawSlots);
+        setModified(Array(rawSlots.length).fill(false));
+      } catch (err) {
+        console.error("슬롯 정보 불러오기 실패:", err);
+      }
+    };
+
+    fetchSlots();
+  }, [date, studentId]);
+
+  const handleToggle = (idx) => {
+    const newSlots = [...slots];
+    newSlots[idx].status = !newSlots[idx].status;
+    setSlots(newSlots);
+
+    const newModified = [...modified];
+    newModified[idx] = true;
+    setModified(newModified);
+  };
+
+  const handleSave = async (idx) => {
+    try {
+      const slotId = slots[idx].id;
+      await api.put(`/attendance/slot/${slotId}`, {
+        status: slots[idx].status,
+      }, { withCredentials: true });
+
+      const newModified = [...modified];
+      newModified[idx] = false;
+      setModified(newModified);
+    } catch (err) {
+      console.error("슬롯 저장 실패:", err);
+      alert("저장 실패");
+    }
+  };
+
+  const handleSubmit = async () => {
+    try {
+      for (let i = 0; i < slots.length; i++) {
+        if (modified[i]) {
+          await handleSave(i);
+        }
+      }
+      alert("전체 저장 완료");
+    } catch (err) {
+      console.error("전체 저장 실패:", err);
+    }
+  };
+
+  return (
+    <div className="daily-card">
+      <div className="card-header">
+        <p>{date} 출석 수정</p>
+        <button onClick={onClose}>❌</button>
+      </div>
+      <div className="card-body">
+        {slots.map((slot, idx) => (
+          <div key={slot.id} className="slot-row">
+            <span>{idx + 1}차 출석</span>
+            <select value={slot.status} onChange={(e) => handleChange(idx, e.target.value)}>
+              <option value="SUCCESS">성공</option>
+              <option value="FAILURE">실패</option>
+            </select>
+
+            <button
+              className="save-btn"
+              onClick={() => handleSave(idx)}
+              disabled={!modified[idx]}
+            >
+              save
+            </button>
+          </div>
+        ))}
+      </div>
+      <button className="submit-btn" onClick={handleSubmit}>
+        submit
+      </button>
+    </div>
+  );
+};
+
+export default AdminDailyAttendanceCard;

frontend/src/components/AdminStudentHeader.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import "./componentsCss/Header.css";
+
+const AdminStudentHeader = ({ studentName = "default", onBack }) => {
+  const navigate = useNavigate();
+  const { studentId } = useParams();
+
+  return (
+    <div className="header-container">
+      <button className="icon-button" onClick={onBack}>
+        <img
+          src="/assets/img/arrowicon.svg"
+          alt="Back"
+          width={34}
+          height={34}
+        />
+      </button>
+
+      <h1 className="header-title">{studentName} 출석</h1>
+
+      <button
+        className="icon-button"
+        onClick={() => navigate(`/admin/managestudent`)}
+      >
+        👥
+      </button>
+    </div>
+  );
+};
+
+export default AdminStudentHeader;

frontend/src/components/AdminWeeklyAttendanceList.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+import "./componentsCss/AdminWeeklyAttendanceList.css";
+//import "./componentsCss/AttendanceWeekInfo.css";
+
+const statusImageMap = {
+  SUCCESS: "/assets/img/full_coin_green.png",
+  INSUFFICIENT: "/assets/img/two_coin_yellow.png",
+  FAILURE: "/assets/img/one_coin_yellow.png",
+  EMPTY: "/assets/img/three_out_red.png",
+};
+const AdminWeeklyAttendanceList = ({ attendanceData, onSelectDate }) => {
+  return (
+    <div className="weekly-container">
+      {attendanceData.map(({ week, classes }) => (
+        <div key={week} className="eachWeekInfo" /*onClick={() => onSelectWeek(week)}*/>
+          <p className="weekInfo">{week}주차</p>
+          <div className="coin_img_container">
+            {classes.map((cls, idx) => (
+              <img key={idx} 
+              src={statusImageMap[cls.status]}  
+              style={{ cursor: "pointer" }}
+              onClick={() => cls.date && onSelectDate(cls.date)}
+              />
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default AdminWeeklyAttendanceList;

frontend/src/components/Header.jsx

@@ -10,8 +10,12 @@ const Header = () => {
   if (path.includes("assignment")) title = "ASSIGNMENT\nCHECK";
   else if (path.includes("deposit")) title = "DEPOSIT";
   else if (path.includes("attendance")) title = "ATTENDANCE\nCHECK";
+  else if (path.includes("managestudent")) title = "수강생 관리";
+  else if (path.includes("magagetask")) title = "과제 관리";
+  else if (path.includes("attendancecode")) title = "출석코드 생성";
 
-  const showRightButton = !path.includes("deposit");
+  const showRightDeposit = !path.includes("deposit");
+  const showRightMagageStudent = path.includes("attendancecode");
 
   return (
     <header className="header-container">
@@ -28,7 +32,7 @@ const Header = () => {
         />
       </button>
       <h1 className="header-title">{title}</h1>
-      {showRightButton ? (
+      {showRightDeposit ? (
         <button
           className="icon-button"
           onClick={() => navigate("/deposit")}
@@ -44,6 +48,20 @@ const Header = () => {
       ) : (
         <div style={{ width: "30px" }} />
       )}
+      {showRightMagageStudent ? (
+        <button
+          className="icon-button"
+          onClick={() => navigate("/managestudent")}
+          aria-label="수강생 관리 페이지 이동"
+        >
+          <img
+            src="/assets/img/managestudent.svg"
+            alt="MagageStudent"
+            width={30}
+            height={30}
+          />
+        </button>
+      ) : null}
     </header>
   );
 };