장소 예약 로직 변경

[junepil]

Feature

기존의 DOM 조작 방식이 아닌 API를 호출해서 신청하는 방식으로 변경.

요청 URL: https://wein.konkuk.ac.kr/ptfol/cmnt/cube/saveReserv.do

fetch("https://wein.konkuk.ac.kr/ptfol/cmnt/cube/saveReserv.do", {
    method: "POST",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
        "Accept": "application/json, text/javascript, */*; q=0.01",
        "Accept-Encoding": "gzip, deflate, br, zstd",
        "Accept-Language": "ko,en-US;q=0.9,en;q=0.8,ko-KR;q=0.7,es;q=0.6,da;q=0.5",
        "Connection": "keep-alive"
    },
    body: new URLSearchParams({
        status: 2,
        buildSeq: 1,
        roomSeq: 7,
        rsvYmd: "2025.03.21",
        rsvStartHm: "09:30",
        rsvLastStartHm: "09:30",
        rsvEndHm: "10:00",
        userId: 202111349,
        equipRentStatus: "",
        mobilePhoneNo: "01050410009",
        emailAdres: "haun9257@gmail.com",
        srupSeq: 1,
        "reservUserList[0].status": 2,
        "reservUserList[0].userId": 202211373,
        "reservUserList[1].status": 2,
        "reservUserList[1].userId": 202311309,
        "reservUserList[2].status": 2,
        "reservUserList[2].userId": 202211250
    })
})
.then(response => response.json())
.then(data => console.log("Success:", data))
.catch(error => console.error("Error:", error));

Good to know

• 위와 같이 new URLSearchParams()를 이용해야만 신청이 가능하며 JSON.stringify()로는 작동하지 않음.
• 예약하는 장소에 대한 정보가 <input hidden />으로 숨겨져 있음.
• 장소 선택만 하면 이용 목적과 학번을 자동으로 입력해주고 바로 현황 조회로 리다이렉션하면 좋을 것 같음.

Problem

• 사용자가 동일한 장소를 계속 원할지, 니즈를 어떻게 알아야 할지 애매함.
• content script 내부에서 fetch() 함수 호출과 리다이렉션이 가능한지 확인해야 함.