From 63625d5338c0dbda6f52fa29c500e25e49f9c2b8 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Wed, 15 Nov 2023 21:51:39 +0900
Subject: [PATCH 01/15] =?UTF-8?q?=F0=9F=90=9B=20fix(InputTextLong):=20?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=9E=85=EB=A0=A5=20=EB=B2=84?=
 =?UTF-8?q?=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 기존에는 텍스트 박스 중간 위치에서부터 텍스트가 입력되는 버그가 존재했습니다.
- 이 버그를 수정하여 텍스트 박스 상단에서부터 입력되도록 구현하였습니다.
---
 src/components/Input/InputTextLong.jsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Input/InputTextLong.jsx b/src/components/Input/InputTextLong.jsx
index 4290eac..e952b34 100644
--- a/src/components/Input/InputTextLong.jsx
+++ b/src/components/Input/InputTextLong.jsx
@@ -3,8 +3,8 @@ import styled from 'styled-components';
 const InputContainer = styled.div`
   display: flex;
   flex-direction: column;
-  width: 320px;
-  margin-bottom:20px;
+  width: 550px;
+  margin-bottom: 20px;
 `;
 
 const Label = styled.label`
@@ -14,14 +14,15 @@ const Label = styled.label`
   margin-bottom: 5px;
 `;
 
-const Input = styled.input`
-  width: 550px;
+const TextArea = styled.textarea`
+  width: 100%;
   height: 133px;
   border-radius: 10px;
   background-color: #FAFAFA;
   border: 1px solid #BBBBBB;
   font-family: 'Spoqa Han Sans Neo', 'sans-serif';
-  padding-left: 0px;
+  padding: 12px;
+  resize: none; 
 
   &:focus {
     outline: none;
@@ -32,10 +33,10 @@ function InputLongText({ label }) {
   return (
     <InputContainer>
       <Label>{label}</Label>
-      <Input type="text" />
+      <TextArea />
     </InputContainer>
   );
 }
 
-export { Input };
-export default InputLongText;
\ No newline at end of file
+export { TextArea };
+export default InputLongText;

From ae962cbf7da7277dd1341392f093b73b4ffb9936 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:00:52 +0900
Subject: [PATCH 02/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=EC=A0=84=EB=AC=B8=EC=9D=98=EC=9D=98=20=ED=99=98=EC=9E=90=20?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D=20=20api=20=EC=97=B0=EA=B2=B0=20=ED=95=A8?=
 =?UTF-8?q?=EC=88=98=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/librarys/api/chart.js | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 src/librarys/api/chart.js

diff --git a/src/librarys/api/chart.js b/src/librarys/api/chart.js
new file mode 100644
index 0000000..11e1662
--- /dev/null
+++ b/src/librarys/api/chart.js
@@ -0,0 +1,8 @@
+import { getSpringAxios } from "./axios";
+
+export async function registerChart(data) {
+  const axios = getSpringAxios();
+
+  const response = await axios.post("/chart/auth/register", data);
+  return response.data;
+}

From e74efce9efe2ce032afae9716ef7711af3df5c74 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:10:56 +0900
Subject: [PATCH 03/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=ED=99=98=EC=9E=90=20=EC=84=B1=EB=B3=84=20=EC=B0=A8=ED=8A=B8=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 환자의 성별 정보를 차트 데이터에 담겨서 보내지도록 구현하였습니다.
---
 .../DoctorDashBoard/DoctorChart.jsx           | 43 ++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 7e3fc28..2496cb4 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -6,6 +6,8 @@ import InputTextContainer from "../Input/InputTextContainer.jsx";
 import DropdownFilter from "../Dropdown/DropdownFilter.jsx";
 import InputAreaContainer from "../Input/InputAreaContainer.jsx";
 import Button from "../Button/Button.jsx";
+import { registerChart } from "../../librarys/api/chart";
+import { useState } from "react";
 
 const Grid = styled.div`
   margin: 48px 70px;
@@ -24,12 +26,51 @@ const Btn = styled(Button)`
 `;
 
 const DoctorChart = () => {
+
+  const genderChoice = [
+    { key: "남성", value: "남성" },
+    { key: "여성", value: "여성" }
+  ];
+
+  const handlegenderChoice = (gender) => {
+    console.log("Selected Gender: ", gender.key);
+    setChartData({ ...chartData, gender: gender.key });
+  };
+
+  const [chartData, setChartData] = useState({
+    cd: "",
+    patientName: "",
+    phone: "",
+    sex: "",
+    birth: "",
+    //doctor_id: "",
+    //therapist_id: "", 
+    schedule: "",
+    treatmentRecord: "",
+    exerciseRequest: ""
+  });
+
+  const handleInputChange = (e) => {
+    setChartData({ ...chartData, [e.target.name]: e.target.value });
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    try {
+      const response = await registerChart(chartData);
+      console.log(response);
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
+  
   return (
     <BlockContainer>
       <TitleText text="환자 차트 작성" />
       <Grid>
         <InputTextContainer label="질병 분류 번호 *" />
-        <DropdownFilter label="환자 성별 *" items={[]} />
+        <DropdownFilter label="환자 성별 *" items={genderChoice} onSelect={handlegenderChoice} />
         <InputTextContainer label="환자 성함 *" />
         <DateSelect labelText="환자 생년월일 *" />
         <InputTextContainer label="환자 전화번호 *" />

From ee96327c7d24d9ffe4a194d486d7c04345b3ad00 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:15:13 +0900
Subject: [PATCH 04/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20=20?=
 =?UTF-8?q?=ED=99=98=EC=9E=90=20=EC=A7=88=EB=B3=91=EB=B6=84=EB=A5=98?=
 =?UTF-8?q?=EB=B2=88=ED=98=B8=20=EC=B0=A8=ED=8A=B8=20=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 환자의 질병분류번호 차트 데이터를 연결하였습니다.
---
 .../DoctorDashBoard/DoctorChart.jsx           | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 2496cb4..25228ee 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -26,10 +26,9 @@ const Btn = styled(Button)`
 `;
 
 const DoctorChart = () => {
-
   const genderChoice = [
     { key: "남성", value: "남성" },
-    { key: "여성", value: "여성" }
+    { key: "여성", value: "여성" },
   ];
 
   const handlegenderChoice = (gender) => {
@@ -44,14 +43,16 @@ const DoctorChart = () => {
     sex: "",
     birth: "",
     //doctor_id: "",
-    //therapist_id: "", 
+    //therapist_id: "",
     schedule: "",
     treatmentRecord: "",
-    exerciseRequest: ""
+    exerciseRequest: "",
   });
 
-  const handleInputChange = (e) => {
-    setChartData({ ...chartData, [e.target.name]: e.target.value });
+  const handleInputChange = (id) => {
+    return (e) => {
+      setChartData({ ...chartData, [id]: e.target.value });
+    };
   };
 
   const handleSubmit = async (e) => {
@@ -64,14 +65,25 @@ const DoctorChart = () => {
     }
   };
 
-  
   return (
     <BlockContainer>
       <TitleText text="환자 차트 작성" />
       <Grid>
-        <InputTextContainer label="질병 분류 번호 *" />
-        <DropdownFilter label="환자 성별 *" items={genderChoice} onSelect={handlegenderChoice} />
-        <InputTextContainer label="환자 성함 *" />
+        <InputTextContainer label="질병 분류 번호 *" 
+          name="cd"
+          value={chartData.cd}
+          onChange={handleInputChange("cd")}
+        />
+        <DropdownFilter
+          label="환자 성별 *"
+          items={genderChoice}
+          onSelect={handlegenderChoice}
+        />
+        <InputTextContainer label="환자 성함 *"
+          name="patientName"
+          value={chartData.patientName}
+          onChange={handleInputChange("patientName")}
+        />
         <DateSelect labelText="환자 생년월일 *" />
         <InputTextContainer label="환자 전화번호 *" />
         <DropdownFilter label="담당 치료사 *" items={[]} />

From 6f9f71c8a39dd5145adc340d615c6baa3636558d Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:16:52 +0900
Subject: [PATCH 05/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=ED=99=98=EC=9E=90=EC=9D=98=20=EC=83=9D=EB=85=84=EC=9B=94?=
 =?UTF-8?q?=EC=9D=BC=EA=B3=BC=20=EC=A0=84=ED=99=94=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EC=B0=A8=ED=8A=B8=20=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 환자의 생년월일과 전화번호 정보를 차트 데이터에 연결하였습니다.
---
 src/components/DoctorDashBoard/DoctorChart.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 25228ee..d3be604 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -85,7 +85,10 @@ const DoctorChart = () => {
           onChange={handleInputChange("patientName")}
         />
         <DateSelect labelText="환자 생년월일 *" />
-        <InputTextContainer label="환자 전화번호 *" />
+        <InputTextContainer label="환자 전화번호 *"           
+          name="phone"
+          value={chartData.phone}
+          onChange={handleInputChange("phone")}/>
         <DropdownFilter label="담당 치료사 *" items={[]} />
         <DateSelect labelText="다음 외래 일정 *" />
         <div />

From 15b181a53bae329d553c112600b6371f1e962d94 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:21:14 +0900
Subject: [PATCH 06/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=EC=A0=84=EB=AC=B8=EC=9D=98=20=EC=A7=84=EB=A3=8C=20=EA=B8=B0?=
 =?UTF-8?q?=EB=A1=9D=20=EC=9E=91=EC=84=B1=20=EB=B0=8F=20=EC=9E=AC=ED=99=9C?=
 =?UTF-8?q?=20=EC=9A=B4=EB=8F=99=20=EC=9A=94=EC=B2=AD=EC=84=9C=20=EC=B0=A8?=
 =?UTF-8?q?=ED=8A=B8=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 전문의가 작성하는 진료 기록과 재활 운동 요청서 차트 데이터를 연결하였습니다.
---
 src/components/DoctorDashBoard/DoctorChart.jsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index d3be604..64a85a1 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -92,9 +92,17 @@ const DoctorChart = () => {
         <DropdownFilter label="담당 치료사 *" items={[]} />
         <DateSelect labelText="다음 외래 일정 *" />
         <div />
-        <InputArea label="진료 기록 작성 *" />
-        <InputArea label="재활치료사 재활 운동 요청서 작성 *" />
-        <Btn type="primary">차트 등록하기</Btn>
+        <InputArea label="진료 기록 작성 *"           
+          name="treatmentRecord"
+          value={chartData.treatmentRecord}
+          onChange={handleInputChange("treatmentRecord")}
+          />
+        <InputArea label="재활치료사 재활 운동 요청서 작성 *"           
+          name="exerciseRequest"
+          value={chartData.exerciseRequest}
+          onChange={handleInputChange("exerciseRequest")}
+          />
+        <Btn type="primary" onClick={handleSubmit}>차트 등록하기</Btn> 
       </Grid>
     </BlockContainer>
   );

From 6b5948b722872509c39516f3bb9774ee25053234 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:27:12 +0900
Subject: [PATCH 07/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=EB=82=A0=EC=A7=9C=20=EC=84=A0=ED=83=9D=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20api=20=EC=97=B0=EA=B2=B0=EC=9D=84=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20props=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DateSelect 컴포넌트를 사용할 때 onChange prop을 전달하여 날짜 변경 시 chartData 상태를 업데이트하도록 구현하였습니다.
---
 src/components/Input/DateSelect.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Input/DateSelect.jsx b/src/components/Input/DateSelect.jsx
index ca9e4ea..4b8397b 100644
--- a/src/components/Input/DateSelect.jsx
+++ b/src/components/Input/DateSelect.jsx
@@ -66,7 +66,7 @@ const Label = styled.label`
   margin-bottom: 5px;
 `;
 
-const DateSelect = ({ labelText }) => {
+const DateSelect = ({ labelText, onChange }) => {
   const [date, setDate] = useState('');
   const [open, setOpen] = useState(false);
 
@@ -80,6 +80,7 @@ const DateSelect = ({ labelText }) => {
     const formattedDate = selected.format(format);
     setDate(formattedDate);
     setOpen(false);
+    if (onChange) onChange(formattedDate);
   };
 
   const getSeparator = () => {
@@ -118,6 +119,7 @@ const DateSelect = ({ labelText }) => {
     }
 
     setDate(currentDate);
+    if (onChange) onChange(currentDate);
   };
 
   const modalRef = useRef(null);
@@ -166,7 +168,8 @@ const DateSelect = ({ labelText }) => {
 };
 
 DateSelect.propTypes = {
-  labelText: PropTypes.string.isRequired
+  labelText: PropTypes.string.isRequired,
+  onChange: PropTypes.func
 };
 
 export default DateSelect;
\ No newline at end of file

From f8bd24ba4ccec5360358734114c8f3b3f84b48b0 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:36:57 +0900
Subject: [PATCH 08/15] =?UTF-8?q?=F0=9F=90=9B=20fix(DoctorChart):=20?=
 =?UTF-8?q?=EB=82=A0=EC=A7=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=B0?=
 =?UTF-8?q?=EA=B2=B0=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DoctorDashBoard/DoctorChart.jsx | 18 ++++++++++++++++--
 src/components/Input/DateSelect.jsx            |  3 ++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 64a85a1..49befb1 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -55,6 +55,12 @@ const DoctorChart = () => {
     };
   };
 
+  const handleDateChange = (name) => {
+    return (value) => {
+      setChartData({ ...chartData, [name]: value });
+    };
+  };
+
   const handleSubmit = async (e) => {
     e.preventDefault();
     try {
@@ -84,13 +90,21 @@ const DoctorChart = () => {
           value={chartData.patientName}
           onChange={handleInputChange("patientName")}
         />
-        <DateSelect labelText="환자 생년월일 *" />
+        <DateSelect
+          labelText="환자 생년월일 *"
+          value={chartData.birth}
+          onChange={handleDateChange("birth")}
+        />
         <InputTextContainer label="환자 전화번호 *"           
           name="phone"
           value={chartData.phone}
           onChange={handleInputChange("phone")}/>
         <DropdownFilter label="담당 치료사 *" items={[]} />
-        <DateSelect labelText="다음 외래 일정 *" />
+        <DateSelect
+          labelText="다음 외래 일정 *"
+          value={chartData.schedule}
+          onChange={handleDateChange("schedule")}
+        />
         <div />
         <InputArea label="진료 기록 작성 *"           
           name="treatmentRecord"
diff --git a/src/components/Input/DateSelect.jsx b/src/components/Input/DateSelect.jsx
index 4b8397b..e7f3c2b 100644
--- a/src/components/Input/DateSelect.jsx
+++ b/src/components/Input/DateSelect.jsx
@@ -66,7 +66,7 @@ const Label = styled.label`
   margin-bottom: 5px;
 `;
 
-const DateSelect = ({ labelText, onChange }) => {
+const DateSelect = ({ labelText, value, onChange, ...props }) => {
   const [date, setDate] = useState('');
   const [open, setOpen] = useState(false);
 
@@ -169,6 +169,7 @@ const DateSelect = ({ labelText, onChange }) => {
 
 DateSelect.propTypes = {
   labelText: PropTypes.string.isRequired,
+  value: PropTypes.string,
   onChange: PropTypes.func
 };
 

From 80dd0a68d83d5b69c30363b02da8faa734ce134b Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:39:36 +0900
Subject: [PATCH 09/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=ED=99=98=EC=9E=90=20=EC=B0=A8=ED=8A=B8=20=EB=93=B1=EB=A1=9D=20?=
 =?UTF-8?q?=EC=8B=9C,=20=EC=9D=B8=EC=A6=9D=20=ED=86=A0=ED=81=B0=20?=
 =?UTF-8?q?=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 인증 토큰을 사용하여 registerChart 함수를 수정하였습니다.
---
 src/librarys/api/chart.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/librarys/api/chart.js b/src/librarys/api/chart.js
index 11e1662..2d5a9d8 100644
--- a/src/librarys/api/chart.js
+++ b/src/librarys/api/chart.js
@@ -1,7 +1,7 @@
 import { getSpringAxios } from "./axios";
 
-export async function registerChart(data) {
-  const axios = getSpringAxios();
+export async function registerChart(data, token) {
+  const axios = getSpringAxios(token); 
 
   const response = await axios.post("/chart/auth/register", data);
   return response.data;

From 64dfd0adbad3bad99c952fba4e288af9a650277e Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:45:10 +0900
Subject: [PATCH 10/15] =?UTF-8?q?=E2=9C=A8=20=20feat(DoctorChart):=20=20us?=
 =?UTF-8?q?erSlice=20=EC=82=AC=EC=9A=A9=EC=9E=90=20=EC=9D=B8=EC=A6=9D=20?=
 =?UTF-8?q?=ED=86=A0=ED=81=B0=20=EB=B6=88=EB=9F=AC=EC=98=A4=EB=8A=94=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- handleSubmit 함수에서 사용자의 인증 토큰을 userSlice의 상태에서 직접 가져와 API 요청에 사용할 수 있도록 구현하였습니다.
---
 src/components/DoctorDashBoard/DoctorChart.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 49befb1..229b61d 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -8,6 +8,8 @@ import InputAreaContainer from "../Input/InputAreaContainer.jsx";
 import Button from "../Button/Button.jsx";
 import { registerChart } from "../../librarys/api/chart";
 import { useState } from "react";
+import { useSelector } from 'react-redux';
+import { selectToken } from '../../redux/userSlice'
 
 const Grid = styled.div`
   margin: 48px 70px;
@@ -61,10 +63,13 @@ const DoctorChart = () => {
     };
   };
 
+  const accessToken = useSelector(selectToken);
+
   const handleSubmit = async (e) => {
     e.preventDefault();
+
     try {
-      const response = await registerChart(chartData);
+      const response = await registerChart(chartData, accessToken);
       console.log(response);
     } catch (error) {
       console.error(error);

From 48a91efdf71d8c22a80bdd2c0e15a3db7c888847 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 11:53:25 +0900
Subject: [PATCH 11/15] =?UTF-8?q?=F0=9F=A9=B9=20=20debug:=20=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=EC=9E=90=20=EC=9D=B8=EC=A6=9D=20=ED=86=A0=ED=81=B0=20?=
 =?UTF-8?q?=EC=A0=9C=EB=8C=80=EB=A1=9C=20=EB=B0=9B=EC=95=84=EC=A7=80?=
 =?UTF-8?q?=EB=8A=94=EC=A7=80=20=EB=94=94=EB=B2=84=EA=B7=B8=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84=EA=B3=BC=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 해결됨 ㅎㅎ
---
 src/components/DoctorDashBoard/DoctorChart.jsx | 1 +
 src/librarys/api/chart.js                      | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 229b61d..9d47f6e 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -64,6 +64,7 @@ const DoctorChart = () => {
   };
 
   const accessToken = useSelector(selectToken);
+console.log("Access Token:", accessToken);
 
   const handleSubmit = async (e) => {
     e.preventDefault();
diff --git a/src/librarys/api/chart.js b/src/librarys/api/chart.js
index 2d5a9d8..a28afbe 100644
--- a/src/librarys/api/chart.js
+++ b/src/librarys/api/chart.js
@@ -1,7 +1,12 @@
 import { getSpringAxios } from "./axios";
 
 export async function registerChart(data, token) {
-  const axios = getSpringAxios(token); 
+  const axios = getSpringAxios({
+    headers: {
+      'Authorization': `Bearer ${token}`,
+      'Content-Type': 'application/json'
+    }
+  });
 
   const response = await axios.post("/chart/auth/register", data);
   return response.data;

From 0adadf515ed9094a4f3d8357c2c964a43c75dcec Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 12:10:02 +0900
Subject: [PATCH 12/15] =?UTF-8?q?=F0=9F=90=9B=20fix(DoctorChart):=20?=
 =?UTF-8?q?=EC=9D=B8=EC=A6=9D=20=ED=86=A0=EA=B7=BC=20=ED=98=B8=EC=B6=9C=20?=
 =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DoctorDashBoard/DoctorChart.jsx | 12 +++++++-----
 src/librarys/api/chart.js                      |  7 +------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index 9d47f6e..c5cfb51 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -9,7 +9,7 @@ import Button from "../Button/Button.jsx";
 import { registerChart } from "../../librarys/api/chart";
 import { useState } from "react";
 import { useSelector } from 'react-redux';
-import { selectToken } from '../../redux/userSlice'
+import { selectId, selectToken } from '../../redux/userSlice'
 
 const Grid = styled.div`
   margin: 48px 70px;
@@ -28,14 +28,16 @@ const Btn = styled(Button)`
 `;
 
 const DoctorChart = () => {
+  const id = useSelector(selectId);
+  
   const genderChoice = [
     { key: "남성", value: "남성" },
     { key: "여성", value: "여성" },
   ];
 
-  const handlegenderChoice = (gender) => {
-    console.log("Selected Gender: ", gender.key);
-    setChartData({ ...chartData, gender: gender.key });
+  const handlegenderChoice = (sex) => {
+    console.log("Selected Gender: ", sex.key);
+    setChartData({ ...chartData,  sex:  sex.key });
   };
 
   const [chartData, setChartData] = useState({
@@ -64,7 +66,7 @@ const DoctorChart = () => {
   };
 
   const accessToken = useSelector(selectToken);
-console.log("Access Token:", accessToken);
+  console.log("Access Token:", accessToken);
 
   const handleSubmit = async (e) => {
     e.preventDefault();
diff --git a/src/librarys/api/chart.js b/src/librarys/api/chart.js
index a28afbe..f7d6eac 100644
--- a/src/librarys/api/chart.js
+++ b/src/librarys/api/chart.js
@@ -1,12 +1,7 @@
 import { getSpringAxios } from "./axios";
 
 export async function registerChart(data, token) {
-  const axios = getSpringAxios({
-    headers: {
-      'Authorization': `Bearer ${token}`,
-      'Content-Type': 'application/json'
-    }
-  });
+  const axios = getSpringAxios(token);
 
   const response = await axios.post("/chart/auth/register", data);
   return response.data;

From 7a4ec168cd67956f7517f4448b3decab709bc043 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 12:17:59 +0900
Subject: [PATCH 13/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=EC=A0=84=EB=AC=B8=EC=9D=98=20=EB=B3=B8=EC=9D=B8=EC=9D=98=20?=
 =?UTF-8?q?=EC=95=84=EC=9D=B4=EB=94=94=20=EC=B0=A8=ED=8A=B8=20=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 차트 등록시 전문의 본인의 아이디 차트 데이터를 연결해두었습니다.
---
 src/components/DoctorDashBoard/DoctorChart.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index c5cfb51..e47762f 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -7,7 +7,7 @@ import DropdownFilter from "../Dropdown/DropdownFilter.jsx";
 import InputAreaContainer from "../Input/InputAreaContainer.jsx";
 import Button from "../Button/Button.jsx";
 import { registerChart } from "../../librarys/api/chart";
-import { useState } from "react";
+import { useState, useEffect  } from "react";
 import { useSelector } from 'react-redux';
 import { selectId, selectToken } from '../../redux/userSlice'
 
@@ -29,7 +29,11 @@ const Btn = styled(Button)`
 
 const DoctorChart = () => {
   const id = useSelector(selectId);
-  
+
+  useEffect(() => {
+    setChartData((prevData) => ({ ...prevData, doctor_id: id }));
+  }, [id]);
+
   const genderChoice = [
     { key: "남성", value: "남성" },
     { key: "여성", value: "여성" },
@@ -46,7 +50,7 @@ const DoctorChart = () => {
     phone: "",
     sex: "",
     birth: "",
-    //doctor_id: "",
+    doctor_id: "",
     //therapist_id: "",
     schedule: "",
     treatmentRecord: "",

From 180ededa33e5b376a10e7201fddfcf81acc669d9 Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 12:24:49 +0900
Subject: [PATCH 14/15] =?UTF-8?q?=E2=9C=A8=20feat(Chart.js):=20=EC=9E=AC?=
 =?UTF-8?q?=ED=99=9C=EC=B9=98=EB=A3=8C=EC=82=AC=20=EB=AA=A9=EB=A1=9D=20?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C=20api=20=EC=97=B0=EA=B2=B0=20=ED=95=A8?=
 =?UTF-8?q?=EC=88=98=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/librarys/api/chart.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/librarys/api/chart.js b/src/librarys/api/chart.js
index f7d6eac..9c02356 100644
--- a/src/librarys/api/chart.js
+++ b/src/librarys/api/chart.js
@@ -6,3 +6,10 @@ export async function registerChart(data, token) {
   const response = await axios.post("/chart/auth/register", data);
   return response.data;
 }
+
+export async function getTherapistList(token) {
+  const axios = getSpringAxios(token);
+
+  const response = await axios.get("/auth/getTherapistList");
+  return response.data;
+}
\ No newline at end of file

From 04343b6ab17b486bdbe64cb27ba50793ae6ead9c Mon Sep 17 00:00:00 2001
From: osohyun0224 <osohyun0224@naver.com>
Date: Thu, 16 Nov 2023 12:31:41 +0900
Subject: [PATCH 15/15] =?UTF-8?q?=E2=9C=A8=20feat(DoctorChart):=20?=
 =?UTF-8?q?=EC=9E=AC=ED=99=9C=EC=B9=98=EB=A3=8C=EC=82=AC=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EC=A1=B0=ED=9A=8C=20api=20=EC=97=B0=EA=B2=B0=20?=
 =?UTF-8?q?=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DoctorDashBoard/DoctorChart.jsx           | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx
index e47762f..df35e80 100644
--- a/src/components/DoctorDashBoard/DoctorChart.jsx
+++ b/src/components/DoctorDashBoard/DoctorChart.jsx
@@ -6,7 +6,7 @@ import InputTextContainer from "../Input/InputTextContainer.jsx";
 import DropdownFilter from "../Dropdown/DropdownFilter.jsx";
 import InputAreaContainer from "../Input/InputAreaContainer.jsx";
 import Button from "../Button/Button.jsx";
-import { registerChart } from "../../librarys/api/chart";
+import { registerChart, getTherapistList  } from "../../librarys/api/chart";
 import { useState, useEffect  } from "react";
 import { useSelector } from 'react-redux';
 import { selectId, selectToken } from '../../redux/userSlice'
@@ -51,7 +51,7 @@ const DoctorChart = () => {
     sex: "",
     birth: "",
     doctor_id: "",
-    //therapist_id: "",
+    therapist_id: "",
     schedule: "",
     treatmentRecord: "",
     exerciseRequest: "",
@@ -69,9 +69,28 @@ const DoctorChart = () => {
     };
   };
 
+  const [therapistList, setTherapistList] = useState([]);
   const accessToken = useSelector(selectToken);
   console.log("Access Token:", accessToken);
 
+  useEffect(() => {
+    const fetchTherapists = async () => {
+      try {
+        const therapists = await getTherapistList(accessToken);
+        setTherapistList(therapists.map(t => ({ key: t.mid, value: t.name + " (" + t.department + ")" })));
+      } catch (error) {
+        console.error("재활치료사 목록 조회가 안됩니다.", error);
+      }
+    };
+
+    fetchTherapists();
+  }, [accessToken]);
+
+  const handleTherapistSelect = (therapist) => {
+    console.log("Selected Therapist: ", therapist);
+    setChartData({ ...chartData, therapist_id: therapist.key });
+  };
+
   const handleSubmit = async (e) => {
     e.preventDefault();
 
@@ -111,7 +130,11 @@ const DoctorChart = () => {
           name="phone"
           value={chartData.phone}
           onChange={handleInputChange("phone")}/>
-        <DropdownFilter label="담당 치료사 *" items={[]} />
+        <DropdownFilter
+          label="담당 치료사 *"
+          items={therapistList}
+          onSelect={handleTherapistSelect}
+        />
         <DateSelect
           labelText="다음 외래 일정 *"
           value={chartData.schedule}