From f8e6ba902e63709ce56938ae80cccbeb85204f96 Mon Sep 17 00:00:00 2001
From: HyunJungJo98 <kchwoonn0827@naver.com>
Date: Sat, 26 Mar 2022 20:59:03 +0900
Subject: [PATCH] =?UTF-8?q?[#57,=20#61]Feat:=EC=B5=9C=EC=A0=81=ED=99=94,?=
 =?UTF-8?q?=20DM=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=A9=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EC=8B=9C=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/DMPage/DMDetail.js         | 745 ++++++++----------
 .../src/components/DMPage/DMList.js           |  50 +-
 .../src/components/DMPage/DMListThumbnail.js  |  98 ++-
 .../src/components/DMPage/DMPage.js           |  70 +-
 .../components/MainPage/MainMovieEvents.js    | 120 ++-
 .../src/components/MainPage/MainPage.js       |  91 +--
 .../src/components/MainPage/MainPosts.js      |  35 +-
 .../TransactionPage/TransactionDetail.js      |  12 +-
 .../css/MainPage/MainMovieEvents.module.css   |  52 +-
 .../src/css/MainPage/MainPosts.module.css     |  56 +-
 .../sweet-red-beans/src/img/main-comment.png  | Bin 0 -> 13202 bytes
 frontend/sweet-red-beans/src/store.js         | 158 ++--
 12 files changed, 726 insertions(+), 761 deletions(-)
 create mode 100644 frontend/sweet-red-beans/src/img/main-comment.png

diff --git a/frontend/sweet-red-beans/src/components/DMPage/DMDetail.js b/frontend/sweet-red-beans/src/components/DMPage/DMDetail.js
index d0540fd..825e9a0 100644
--- a/frontend/sweet-red-beans/src/components/DMPage/DMDetail.js
+++ b/frontend/sweet-red-beans/src/components/DMPage/DMDetail.js
@@ -1,9 +1,9 @@
 import React, {
-    useState,
-    useCallback,
-    useEffect,
-    useMemo,
-    useRef,
+  useState,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
 } from 'react';
 import * as StompJs from '@stomp/stompjs';
 import SockJS from 'sockjs-client';
@@ -24,414 +24,357 @@ let stompClient = null;
 //props를 selectedRoom으로 바꾸고 roomId는 selectedRoom.chat_room_id으로 바꾸기
 //transaction_id 값 바꾸기
 const DMDetail = ({ selectedRoom }) => {
-    const navigation = useNavigate();
-
-    const [modalOpen, setModalOpen] = useState(false);
-
-    const [reportContent, setReportContent] = useState('');
-    //거래완료되면 true
-    //초기값 selectedRoom.is_complete로 설정하기
-    const [complete, setComplete] = useState(selectedRoom.is_complete);
-
-    const [imgFile, setImgFile] = useState(null);
-    const [imgBase64, setImgBase64] = useState(null);
-
-    const [myNickname, setMyNickname] = useState('');
-
-    const openModal = () => {
-        setModalOpen(true);
-    };
-    const closeModal = () => {
-        setModalOpen(false);
-    };
-
-    //대화 내용, 상대방 것 포함
-    const [contents, setContents] = useState([]);
-    const [username, setUsername] = useState('');
-    //내가 보낸 메시지 내용
-    const [message, setMessage] = useState('');
-
-    let socket = new SockJS('http://localhost:8080/ws-stomp');
-    let stompClient = Stomp.over(socket);
-
-    useEffect(() => {
-        axios
-            .get('http://localhost:8080/mypage', {
-                withCredentials: true,
-            })
-            .then((response) => {
-                setMyNickname(response.data.user.nickname);
-            })
-            .catch((e) => console.log(e));
-    }, []);
-
-    useEffect(() => {
-        console.log(myNickname);
-    }, [myNickname]);
-
-    //전송 버튼 눌렀을 때
-    const sendClick = () => {
-        // if(!cookies.get("login")) {
-        //     alert("로그인을 먼저 해주세요");
-        //     navigation('/')
-        // }
-        sendMessage(message);
-        //서버에서 받아올 때처럼 비슷한 형식으로 넣어주기 위해
-        setMessage('');
-    };
-
-    const sendMessage = (message) => {
-        const fd = new FormData();
-
-        if (imgFile === null) {
-            if (message !== '') {
-                stompClient.send(
-                    '/pub/chat/message',
-                    {},
-                    JSON.stringify({
-                        content: message,
-                        chat_room_id: selectedRoom.chat_room_id,
-                    })
-                );
-            }
-        } else {
-            stompClient.send(
-                '/pub/chat/message',
-                {},
-                JSON.stringify({
-                    content: message,
-                    chat_room_id: selectedRoom.chat_room_id,
-                    image_url: imgBase64,
-                })
-            );
-            setImgBase64(null);
-            setImgFile(null);
+  const navigation = useNavigate();
+
+  const [modalOpen, setModalOpen] = useState(false);
+
+  const [reportContent, setReportContent] = useState('');
+  //거래완료되면 true
+  //초기값 selectedRoom.is_complete로 설정하기
+  //   const [complete, setComplete] = useState(selectedRoom.is_complete);
+  const [complete, setComplete] = useState(false);
+  const [imgFile, setImgFile] = useState(null);
+  const [imgBase64, setImgBase64] = useState(null);
+
+  const [myNickname, setMyNickname] = useState('');
+
+  const openModal = () => {
+    setModalOpen(true);
+  };
+  const closeModal = () => {
+    setModalOpen(false);
+  };
+
+  //대화 내용, 상대방 것 포함
+  const [contents, setContents] = useState([]);
+  const [username, setUsername] = useState('');
+  //내가 보낸 메시지 내용
+  const [message, setMessage] = useState('');
+
+  let socket = new SockJS('http://localhost:8080/ws-stomp');
+  let stompClient = Stomp.over(socket);
+
+  //이제까지 메시지 내역 조회
+  useEffect(() => {
+    console.log(selectedRoom);
+    setContents([]);
+    setMessage('');
+    if (selectedRoom !== undefined) {
+      axios
+        .get('http://localhost:8080/direct-message/detail', {
+          withCredentials: true,
+          params: {
+            room_id: selectedRoom.chat_room_id,
+          },
+        })
+        .then((response) => {
+          setContents(response.data.message);
+        })
+        .catch((error) => console.log(error));
+    }
+
+    stompClient.connect({}, () => {
+      stompClient.subscribe(
+        '/sub/chat/room/' + selectedRoom.chat_room_id,
+        (data) => {
+          console.log(JSON.parse(data.body));
+          const newMessage = JSON.parse(data.body);
+          addMessage(newMessage);
         }
+      );
+    });
+    setComplete(selectedRoom.is_complete);
+
+    return () => {
+      if (stompClient != null) {
+        stompClient.disconnect();
+        setContents(null);
+      }
     };
-
-    useEffect(() => {
-        console.log(imgBase64);
-    }, [imgBase64]);
-
-    useEffect(() => {
-        console.log(contents);
-    }, [contents]);
-
-    const addMessage = (message) => {
-        //상대에게 받아온 메시지를 추가함
-        setContents((prev) => [...prev, message]);
+  }, [selectedRoom]);
+
+  //전송 버튼 눌렀을 때
+  const sendClick = () => {
+    sendMessage(message);
+    setMessage('');
+  };
+
+  const sendMessage = (message) => {
+    const fd = new FormData();
+
+    if (imgFile === null) {
+      if (message !== '') {
+        stompClient.send(
+          '/pub/chat/message',
+          {},
+          JSON.stringify({
+            content: message,
+            chat_room_id: selectedRoom.chat_room_id,
+          })
+        );
+      }
+    } else {
+      stompClient.send(
+        '/pub/chat/message',
+        {},
+        JSON.stringify({
+          content: message,
+          chat_room_id: selectedRoom.chat_room_id,
+          image_url: imgBase64,
+        })
+      );
+      setImgBase64(null);
+      setImgFile(null);
+    }
+  };
+
+  const addMessage = (message) => {
+    //상대에게 받아온 메시지를 추가함
+    setContents((prev) => [...prev, message]);
+  };
+
+  const onChange = useCallback((e) => {
+    setMessage(e.target.value);
+  }, []);
+
+  //신뢰도 +1 주는 버튼
+  const reliabilityPlusClick = () => {
+    //신뢰도 1 주기
+    if (complete === false) {
+      alert('거래완료를 해야 신뢰도를 줄 수 있습니다');
+    } else {
+      const body = {
+        user_id: selectedRoom.not_mine_id,
+      };
+      axios
+        .post('http://localhost:8080/direct-message/reliability', body, {
+          withCredentials: true,
+        })
+        .then((response) => {
+          if (response.data.result) {
+            alert('상대방의 신뢰도가 올랐습니다.');
+          } else {
+            alert('신뢰도를 올리는 데 실패했습니다.');
+          }
+        })
+        .catch((error) => console.log(error));
+    }
+  };
+
+  //신고 내용
+  const reportContentChange = (e) => {
+    setReportContent(e.target.value);
+  };
+
+  //신고 확인 버튼 눌렀을 때
+  const reportConfirm = () => {
+    const body = {
+      user_id: '1',
+      transaction_id: selectedRoom.transaction_id,
+      report_content: reportContent,
     };
-
-    const onChange = useCallback((e) => {
-        setMessage(e.target.value);
-    }, []);
-
-    //이제까지 메시지 내역 조회
-    useEffect(() => {
-        console.log(selectedRoom);
-        setContents([]);
-        setMessage('');
-        if (selectedRoom !== undefined) {
-            axios
-                .get('http://localhost:8080/direct-message/detail', {
-                    withCredentials: true,
-                    params: {
-                        room_id: selectedRoom.chat_room_id,
-                    },
-                })
-                .then((response) => {
-                    //setMList(response.data.message.map(item => item.message_content));
-                    setContents(response.data.message);
-                })
-                .catch((error) => console.log(error));
-        }
-
-        stompClient.connect({}, () => {
-            stompClient.subscribe(
-                '/sub/chat/room/' + selectedRoom.chat_room_id,
-                (data) => {
-                    console.log(JSON.parse(data.body));
-                    const newMessage = JSON.parse(data.body);
-                    addMessage(newMessage);
-                }
-            );
-        });
-        setComplete(selectedRoom.is_complete);
-
-        return () => {
-            if (stompClient != null) {
-                stompClient.disconnect();
-            }
-        };
-    }, [selectedRoom]);
-
-    //신뢰도 +1 주는 버튼
-    const reliabilityPlusClick = () => {
-        //신뢰도 1 주기
-        if (complete === false) {
-            alert('거래완료를 해야 신뢰도를 줄 수 있습니다');
+    axios
+      .post('http://localhost:8080/direct-message/report', body, {
+        withCredentials: true,
+      })
+      .then((response) => {
+        if (response.data.result) {
+          alert('신고되었습니다.');
+          setReportContent('');
+          setModalOpen(false);
         } else {
-            const body = {
-                user_id: selectedRoom.not_mine_id,
-            };
-            axios
-                .post(
-                    'http://localhost:8080/direct-message/reliability',
-                    body,
-                    { withCredentials: true }
-                )
-                .then((response) => {
-                    if (response.data.result) {
-                        alert('상대방의 신뢰도가 올랐습니다.');
-                    } else {
-                        alert('신뢰도를 올리는 데 실패했습니다.');
-                    }
-                })
-                .catch((error) => console.log(error));
+          alert('신고에 실패했습니다.');
         }
+      })
+      .catch((error) => console.log(error));
+  };
+
+  //삭제 취소 버튼 눌렀을 때
+  const cancelConfirm = (e) => {
+    console.log('신고 취소');
+  };
+
+  //모달창에서 신고하기 버튼 눌렀을 때
+  const reportClick = (e) => {
+    e.preventDefault();
+    if (reportContent === '') {
+      alert('신고 내용을 입력해주세요');
+    } else {
+      if (window.confirm('정말 신고하시겠습니까?')) {
+        reportConfirm();
+      } else {
+        cancelConfirm();
+      }
+    }
+  };
+
+  //거래완료 버튼 눌렀을 때
+  const completeClick = () => {
+    const body = {
+      transaction_id: selectedRoom.transaction_id,
     };
-
-    //신고 내용
-    const reportContentChange = (e) => {
-        setReportContent(e.target.value);
-    };
-
-    //신고 확인 버튼 눌렀을 때
-    const reportConfirm = () => {
-        const body = {
-            user_id: '1',
-            transaction_id: selectedRoom.transaction_id,
-            report_content: reportContent,
-        };
-        axios
-            .post('http://localhost:8080/direct-message/report', body, {
-                withCredentials: true,
-            })
-            .then((response) => {
-                if (response.data.result) {
-                    alert('신고되었습니다.');
-                    setReportContent('');
-                    setModalOpen(false);
-                } else {
-                    alert('신고에 실패했습니다.');
-                }
-            })
-            .catch((error) => console.log(error));
-    };
-
-    //삭제 취소 버튼 눌렀을 때
-    const cancelConfirm = (e) => {
-        console.log('신고 취소');
-    };
-
-    //모달창에서 신고하기 버튼 눌렀을 때
-    const reportClick = (e) => {
-        e.preventDefault();
-        if (reportContent === '') {
-            alert('신고 내용을 입력해주세요');
+    axios
+      .post('http://localhost:8080/direct-message/transaction-complete', body, {
+        withCredentials: true,
+      })
+      .then((response) => {
+        if (response.data.result) {
+          setComplete(true);
         } else {
-            if (window.confirm('정말 신고하시겠습니까?')) {
-                reportConfirm();
-            } else {
-                cancelConfirm();
-            }
+          alert('거래완료에 실패했습니다.');
         }
+      })
+      .catch((error) => console.log(error));
+  };
+
+  useEffect(() => {
+    // 메시지가 오면 스크롤 맨 아래로 내려주기
+    let messagebox = document.querySelector('#messagebox');
+    messagebox.scrollTop = messagebox.scrollHeight;
+  }, [contents, imgBase64]);
+
+  const fileChange = (e) => {
+    setImgFile(e.target.files);
+  };
+
+  const previewCancelClick = () => {
+    setImgFile(null);
+    setImgBase64(null);
+  };
+
+  useEffect(() => {
+    if (!imgFile) return false;
+
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      setImgBase64(reader.result);
     };
-
-    //거래완료 버튼 눌렀을 때
-    const completeClick = () => {
-        const body = {
-            transaction_id: selectedRoom.transaction_id,
-        };
-        axios
-            .post(
-                'http://localhost:8080/direct-message/transaction-complete',
-                body,
-                { withCredentials: true }
-            )
-            .then((response) => {
-                if (response.data.result) {
-                    setComplete(true);
-                } else {
-                    alert('거래완료에 실패했습니다.');
-                }
-            })
-            .catch((error) => console.log(error));
-    };
-
-    useEffect(() => {
-        let messagebox = document.querySelector('#messagebox');
-        messagebox.scrollTop = messagebox.scrollHeight;
-    }, [contents, imgBase64]);
-
-    const handleChangeFile = (e) => {
-        setImgFile(e.target.files);
-    };
-
-    const previewCancelClick = () => {
-        setImgFile(null);
-        setImgBase64(null);
-    };
-
-    useEffect(() => {
-        if (!imgFile) return false;
-
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            setImgBase64(reader.result);
-        };
-        reader.readAsDataURL(imgFile[0]);
-    }, [imgFile]);
-
-    return (
-        <>
-            <Modal open={modalOpen} close={closeModal} header="신고하기">
-                <form className={style.modal}>
-                    <div>신고사유를 적어주세요</div>
-                    <div>
-                        <textarea
-                            value={reportContent}
-                            onChange={reportContentChange}
-                        ></textarea>
-                    </div>
-                    <button onClick={reportClick}>신고하기</button>
-                </form>
-            </Modal>
-
-            <div className={style.chatcontainer}>
-                <div className={style.topBar}></div>
-                <div className={style.notMyArea}>
-                    <img
-                        src={
-                            selectedRoom.user_status === '정지' ||
-                            selectedRoom.user_status === '탈퇴'
-                                ? user
-                                : selectedRoom.not_mine_profile_url
-                        }
-                    />
-                    <div>
-                        {selectedRoom.user_status === '정지' ||
-                        selectedRoom.user_status === '탈퇴'
-                            ? '(알수없음)'
-                            : selectedRoom.not_mine_nickname}
-                    </div>
-                    <div>{selectedRoom.not_mine_reliability}</div>
-                    <div>
-                        <button onClick={reliabilityPlusClick}>
-                            신뢰도 주기
-                        </button>
-                        <button onClick={completeClick}>거래완료</button>
-                        <button onClick={openModal}>신고하기</button>
-                    </div>
-                </div>
-                {useMemo(
-                    () => (
-                        <div
-                            id="messagebox"
-                            className={
-                                !complete ? style.messagebox : style.messagebox2
-                            }
-                        >
-                            {contents.map((message, index) => (
-                                <div
-                                    key={index}
-                                    className={
-                                        message.nickname === myNickname
-                                            ? style.myMessage
-                                            : style.notMyMessage
-                                    }
-                                >
-                                    {message.image_url === null ||
-                                    message.image_url === '' ? (
-                                        <>
-                                            <div>
-                                                {message.nickname === myNickname
-                                                    ? parseDate(
-                                                          message.written_date
-                                                      )
-                                                    : null}
-                                            </div>
-                                            <div>{message.content}</div>
-                                            <div>
-                                                {!(
-                                                    message.nickname ===
-                                                    myNickname
-                                                )
-                                                    ? parseDate(
-                                                          message.written_date
-                                                      )
-                                                    : null}
-                                            </div>
-                                        </>
-                                    ) : (
-                                        <>
-                                            <div>
-                                                {message.nickname === myNickname
-                                                    ? parseDate(
-                                                          message.written_date
-                                                      )
-                                                    : null}
-                                            </div>
-                                            <div>
-                                                <div>{message.content}</div>
-                                                <div>
-                                                    <img
-                                                        src={message.image_url}
-                                                    />
-                                                </div>
-                                            </div>
-                                            <div>
-                                                {!(
-                                                    message.nickname ===
-                                                    myNickname
-                                                )
-                                                    ? parseDate(
-                                                          message.written_date
-                                                      )
-                                                    : null}
-                                            </div>
-                                        </>
-                                    )}
-                                </div>
-                            ))}
-                            <div className={style.preview}>
-                                {imgBase64 !== null ? (
-                                    <div>
-                                        <img src={imgBase64} />
-                                        <button
-                                            onClick={previewCancelClick}
-                                        ></button>
-                                    </div>
-                                ) : null}
-                            </div>
+    reader.readAsDataURL(imgFile[0]);
+  }, [imgFile]);
+
+  return (
+    <>
+      <Modal open={modalOpen} close={closeModal} header="신고하기">
+        <form className={style.modal}>
+          <div>신고사유를 적어주세요</div>
+          <div>
+            <textarea
+              value={reportContent}
+              onChange={reportContentChange}></textarea>
+          </div>
+          <button onClick={reportClick}>신고하기</button>
+        </form>
+      </Modal>
+
+      <div className={style.chatcontainer}>
+        <div className={style.topBar}></div>
+        <div className={style.notMyArea}>
+          <img
+            src={
+              selectedRoom.user_status === '정지' ||
+              selectedRoom.user_status === '탈퇴'
+                ? user
+                : selectedRoom.not_mine_profile_url
+            }
+          />
+          <div>
+            {selectedRoom.user_status === '정지' ||
+            selectedRoom.user_status === '탈퇴'
+              ? '(알수없음)'
+              : selectedRoom.not_mine_nickname}
+          </div>
+          <div>{selectedRoom.not_mine_reliability}</div>
+          <div>
+            <button onClick={reliabilityPlusClick}>신뢰도 주기</button>
+            <button onClick={completeClick}>거래완료</button>
+            <button onClick={openModal}>신고하기</button>
+          </div>
+        </div>
+        {useMemo(
+          () => (
+            <div
+              id="messagebox"
+              className={!complete ? style.messagebox : style.messagebox2}>
+              {contents.map((message, index) => (
+                <div
+                  key={index}
+                  className={
+                    message.nickname === myNickname
+                      ? style.myMessage
+                      : style.notMyMessage
+                  }>
+                  {message.image_url === null || message.image_url === '' ? (
+                    <>
+                      <div>
+                        {message.nickname === myNickname
+                          ? parseDate(message.written_date)
+                          : null}
+                      </div>
+                      <div>{message.content}</div>
+                      <div>
+                        {!(message.nickname === myNickname)
+                          ? parseDate(message.written_date)
+                          : null}
+                      </div>
+                    </>
+                  ) : (
+                    <>
+                      <div>
+                        {message.nickname === myNickname
+                          ? parseDate(message.written_date)
+                          : null}
+                      </div>
+                      <div>
+                        <div>{message.content}</div>
+                        <div>
+                          <img src={message.image_url} />
                         </div>
-                    ),
-                    [contents, imgBase64, myNickname]
-                )}
-
-                {complete ? (
-                    <div className={style.complete}>거래가 완료되었습니다.</div>
-                ) : null}
-
-                <div className={style.writeArea}>
-                    <label htmlFor="upload_file"></label>
-                    <input
-                        type="file"
-                        onChange={handleChangeFile}
-                        id="upload_file"
-                        style={{ display: 'none' }}
-                    />
-                    <input
-                        type="text"
-                        value={message}
-                        onChange={onChange}
-                        name={message}
-                    />
-                    <button onClick={sendClick}></button>
+                      </div>
+                      <div>
+                        {!(message.nickname === myNickname)
+                          ? parseDate(message.written_date)
+                          : null}
+                      </div>
+                    </>
+                  )}
                 </div>
+              ))}
+              <div className={style.preview}>
+                {imgBase64 !== null ? (
+                  <div>
+                    <img src={imgBase64} />
+                    <button onClick={previewCancelClick}></button>
+                  </div>
+                ) : null}
+              </div>
             </div>
-        </>
-    );
+          ),
+          [contents, imgBase64, myNickname]
+        )}
+
+        {complete ? (
+          <div className={style.complete}>거래가 완료되었습니다.</div>
+        ) : null}
+
+        <div className={style.writeArea}>
+          <label htmlFor="upload_file"></label>
+          <input
+            type="file"
+            onChange={fileChange}
+            id="upload_file"
+            style={{ display: 'none' }}
+          />
+          <input
+            type="text"
+            value={message}
+            onChange={onChange}
+            name={message}
+          />
+          <button onClick={sendClick}></button>
+        </div>
+      </div>
+    </>
+  );
 };
 
 export default DMDetail;
diff --git a/frontend/sweet-red-beans/src/components/DMPage/DMList.js b/frontend/sweet-red-beans/src/components/DMPage/DMList.js
index ace2449..f716ec2 100644
--- a/frontend/sweet-red-beans/src/components/DMPage/DMList.js
+++ b/frontend/sweet-red-beans/src/components/DMPage/DMList.js
@@ -7,19 +7,43 @@ import { SELECTED_DM } from '../../actions/types';
 import { useNavigate } from 'react-router';
 import style from '../../css/DMPage/DMList.module.css';
 
-const DMList = ({ DMlist, DMListClick }) => {
-    console.log(DMlist);
-    return (
-        <>
-            <div className={style.DMListContainer}>
-                {DMlist.map((item, index) => (
-                    <div key={index} onClick={(e) => DMListClick(item, e)}>
-                        <DMListThumbnail dm={item} />
-                    </div>
-                ))}
-            </div>
-        </>
-    );
+const DMList = () => {
+  const dispatch = useDispatch();
+  const [DMlist, setDMList] = useState([]);
+  useEffect(() => {
+    //DM 목록 조회
+    axios
+      .get('http://localhost:8080/direct-message', {
+        withCredentials: true,
+      })
+      .then((response) => {
+        setDMList(response.data.room_id);
+      })
+      .catch((error) => {});
+
+    return () => {
+      setDMList(null);
+    };
+  }, []);
+
+  const DMListClick = (selectedRoom, e) => {
+    dispatch({
+      type: SELECTED_DM,
+      payload: selectedRoom,
+    });
+  };
+
+  return (
+    <>
+      <div className={style.DMListContainer}>
+        {DMlist.map((item, index) => (
+          <div key={index} onClick={(e) => DMListClick(item, e)}>
+            <DMListThumbnail dm={item} />
+          </div>
+        ))}
+      </div>
+    </>
+  );
 };
 
 export default DMList;
diff --git a/frontend/sweet-red-beans/src/components/DMPage/DMListThumbnail.js b/frontend/sweet-red-beans/src/components/DMPage/DMListThumbnail.js
index 0326a57..145f625 100644
--- a/frontend/sweet-red-beans/src/components/DMPage/DMListThumbnail.js
+++ b/frontend/sweet-red-beans/src/components/DMPage/DMListThumbnail.js
@@ -6,61 +6,55 @@ import { parseDate } from '../../parseDate/parseDate';
 import user from '../../img/user.png';
 
 const DMListThumbnail = ({ dm }) => {
-    //const cookies = Cookies();
-    const dispatch = useDispatch();
-    const navigation = useNavigate();
-    const [currentRoom, setCurrentRoom] = useState(false);
-    const selectedRoomId = useSelector((s) => {
-        if (s === undefined) {
-            return null;
-        } else {
-            return s.selectedRoomId;
-        }
-    });
+  //const cookies = Cookies();
+  const dispatch = useDispatch();
+  const navigation = useNavigate();
+  const [currentRoom, setCurrentRoom] = useState(false);
+  const selectedRoomId = useSelector((s) => {
+    if (s === undefined) {
+      return null;
+    } else {
+      return s.selectedRoom;
+    }
+  });
 
-    useEffect(() => {
-        console.log(dm);
-        if (selectedRoomId !== null) {
-            if (dm.chat_room_id === selectedRoomId) {
-                console.log('a의 번호: ', selectedRoomId);
-                console.log('같음 : ', dm.chat_room_id);
-                setCurrentRoom(true);
-            } else {
-                setCurrentRoom(false);
-            }
-        }
-    }, [selectedRoomId]);
+  useEffect(() => {
+    if (selectedRoomId !== null) {
+      if (dm.chat_room_id === selectedRoomId.chat_room_id) {
+        setCurrentRoom(true);
+      } else {
+        setCurrentRoom(false);
+      }
+    }
+  }, [selectedRoomId]);
 
-    return (
-        <>
-            <div
-                className={
-                    currentRoom ? style.currentThumbnail : style.thumbnail
-                }>
-                <img
-                    src={
-                        dm.user_status === '정지' || dm.user_status === '탈퇴'
-                            ? user
-                            : dm.not_mine_profile_url
-                    }
-                />
+  return (
+    <>
+      <div className={currentRoom ? style.currentThumbnail : style.thumbnail}>
+        <img
+          src={
+            dm.user_status === '정지' || dm.user_status === '탈퇴'
+              ? user
+              : dm.not_mine_profile_url
+          }
+        />
 
-                <div className={style.contentArea}>
-                    <div>
-                        {dm.user_status === '정지' || dm.user_status === '탈퇴'
-                            ? '(알수없음)'
-                            : dm.not_mine_nickname}
-                    </div>
-                    <div>{dm.recent_message}</div>
-                </div>
-                <div>
-                    {dm.recent_message_date === '2020-01-01T00:00:00'
-                        ? ''
-                        : parseDate(dm.recent_message_date)}
-                </div>
-            </div>
-        </>
-    );
+        <div className={style.contentArea}>
+          <div>
+            {dm.user_status === '정지' || dm.user_status === '탈퇴'
+              ? '(알수없음)'
+              : dm.not_mine_nickname}
+          </div>
+          <div>{dm.recent_message}</div>
+        </div>
+        <div>
+          {dm.recent_message_date === '2020-01-01T00:00:00'
+            ? ''
+            : parseDate(dm.recent_message_date)}
+        </div>
+      </div>
+    </>
+  );
 };
 
 export default DMListThumbnail;
diff --git a/frontend/sweet-red-beans/src/components/DMPage/DMPage.js b/frontend/sweet-red-beans/src/components/DMPage/DMPage.js
index 3b6a322..b124ef6 100644
--- a/frontend/sweet-red-beans/src/components/DMPage/DMPage.js
+++ b/frontend/sweet-red-beans/src/components/DMPage/DMPage.js
@@ -8,61 +8,27 @@ import style from '../../css/DMPage/DMPage.module.css';
 import { SELECTED_DM } from '../../actions/types';
 
 const DMPage = () => {
-  const dispatch = useDispatch();
-  const [DMlist, setDMList] = useState([]);
-  const [selectedRoomId, setSelectedRoomId] = useState(null);
-
-  const navigation = useNavigate();
-  const [renderError, setRenderError] = useState(true);
-
-  useEffect(() => {
-    //DM 목록 조회
-    axios
-      .get('http://localhost:8080/direct-message', {
-        withCredentials: true,
-      })
-      .then((response) => {
-        setDMList(response.data.room_id);
-        setRenderError(false);
-      })
-      .catch((error) => {
-        setRenderError(true);
-        alert('로그인을 먼저 해주세요');
-        navigation('/');
-      });
-
-    return () => {
-      dispatch({
-        type: SELECTED_DM,
-        payload: null,
-      });
-    };
-  }, []);
-
-  const DMListClick = (selectedRoom, e) => {
-    dispatch({
-      type: SELECTED_DM,
-      payload: selectedRoom.chat_room_id,
-    });
-    setSelectedRoomId(selectedRoom);
-  };
+  const selectedRoomId = useSelector((s) => {
+    if (s === undefined) {
+      return null;
+    } else {
+      return s.selectedRoom;
+    }
+  });
 
   return (
     <>
-      {!renderError ? (
-        <>
-          <div className={style.dmpage}>
-            <div>
-              <DMList DMlist={DMlist} DMListClick={DMListClick} />
-            </div>
-            <div>
-              {selectedRoomId !== null ? (
-                <DMDetail selectedRoom={selectedRoomId} />
-              ) : null}
-            </div>
-          </div>
-        </>
-      ) : null}
+      <div className={style.dmpage}>
+        <div>
+          <DMList />
+        </div>
+
+        <div>
+          {selectedRoomId !== null ? (
+            <DMDetail selectedRoom={selectedRoomId} />
+          ) : null}
+        </div>
+      </div>
     </>
   );
 };
diff --git a/frontend/sweet-red-beans/src/components/MainPage/MainMovieEvents.js b/frontend/sweet-red-beans/src/components/MainPage/MainMovieEvents.js
index eb75b67..a47a732 100644
--- a/frontend/sweet-red-beans/src/components/MainPage/MainMovieEvents.js
+++ b/frontend/sweet-red-beans/src/components/MainPage/MainMovieEvents.js
@@ -11,71 +11,67 @@ import Test from './Test';
 import EventMovieThumbnail from '../EventPage/EventMovieThumbnail';
 
 const MainMovieEvents = ({ cinemaName }) => {
-    const dispatch = useDispatch();
-    const [events, setEvents] = useState([]);
-    const [thisEvents, setThisEvents] = useState([]);
-    const filterMovieList = [];
+  const dispatch = useDispatch();
+  const [events, setEvents] = useState([]);
+  const [thisEvents, setThisEvents] = useState([]);
+  const filterMovieList = [];
 
-    useEffect(() => {
-        axios
-            .get('http://localhost:8080/main/event-limit', {
-                withCredentials: true,
-            })
-            .then((response) => {
-                setEvents(response.data);
-            });
-    }, []);
+  useEffect(() => {
+    axios
+      .get('http://localhost:8080/main/event-limit', {
+        withCredentials: true,
+      })
+      .then((response) => {
+        setEvents(response.data);
+      });
+  }, []);
 
-    useEffect(() => {
-        console.log(events);
-        events.map((item, index) => {
-            if (item.cinema_name === cinemaName) {
-                filterMovieList.push(item);
-            }
-        });
-        setThisEvents(filterMovieList);
-        dispatch({
-            type: MAIN_CINEMA_EVENTS,
-            mainCinemaEvents: {
-                cinemaName: cinemaName,
-                mainCinemaEvents: filterMovieList,
-            },
-        });
-    }, [events]);
+  useEffect(() => {
+    console.log(events);
+    events.map((item, index) => {
+      if (item.cinema_name === cinemaName) {
+        filterMovieList.push(item);
+      }
+    });
+    setThisEvents(filterMovieList);
+    dispatch({
+      type: MAIN_CINEMA_EVENTS,
+      mainCinemaEvents: {
+        cinemaName: cinemaName,
+        mainCinemaEvents: filterMovieList,
+      },
+    });
+  }, [events]);
 
-    useEffect(() => {}, [thisEvents]);
-
-    const settings = {
-        dots: false,
-        arrows: true,
-        infinite: true,
-        speed: 500,
-        slidesToShow: 3,
-        slidesToScroll: 3,
-    };
-    return (
-        <>
-            <div className={style.cinemaName}>
-                {cinemaName}
-                <div className={style.underline}></div>
-            </div>
-            <div className={style.movieThumbnails}>
-                {thisEvents !== [] ? (
-                    <Slider {...settings}>
-                        {
-                            thisEvents.map((item, index) => (
-                                <div key={index}>
-                                    <EventMovieThumbnail event={item} />
-                                </div>
-                            ))
-                            //thisEvents!==[] ? thisEvents.map((item, index) => <div key={index}><MovieThumbnail thisEvent={item}/></div>) : null
-                            //test.map((item, index) => <div>{item}</div>)
-                        }
-                    </Slider>
-                ) : null}
-            </div>
-        </>
-    );
+  const settings = {
+    dots: false,
+    arrows: true,
+    infinite: true,
+    speed: 500,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+  };
+  return (
+    <>
+      <div className={style.cinemaName}>
+        {cinemaName}
+        <div className={style.underline}></div>
+      </div>
+      <div className={style.movieThumbnails}>
+        {thisEvents.length !== 0 ? (
+          <Slider {...settings}>
+            {thisEvents.map((item, index) => (
+              <div key={index}>
+                <EventMovieThumbnail event={item} />
+              </div>
+            ))}
+          </Slider>
+        ) : (
+          <div className={style.nullEvents}>업데이트 된 이벤트가 없어요</div>
+        )}
+      </div>
+    </>
+  );
 };
 
 export default MainMovieEvents;
diff --git a/frontend/sweet-red-beans/src/components/MainPage/MainPage.js b/frontend/sweet-red-beans/src/components/MainPage/MainPage.js
index cc5c7c8..a7c444b 100644
--- a/frontend/sweet-red-beans/src/components/MainPage/MainPage.js
+++ b/frontend/sweet-red-beans/src/components/MainPage/MainPage.js
@@ -11,58 +11,53 @@ import { Link } from 'react-router-dom';
 import { useNavigate } from 'react-router';
 
 const MainPage = () => {
-    const [cinemaNames, setCinemaNames] = useState([
-        'CGV',
-        '롯데시네마',
-        '메가박스',
-        '씨네큐',
-    ]);
-    const dispatch = useDispatch();
-    const [mainVideo, setMainVideo] = useState('');
-    const navigation = useNavigate();
+  const [cinemaNames, setCinemaNames] = useState([
+    'CGV',
+    '롯데시네마',
+    '메가박스',
+    '씨네큐',
+  ]);
+  const dispatch = useDispatch();
+  const [mainVideo, setMainVideo] = useState('');
+  const navigation = useNavigate();
 
-    dispatch({
-        type: CINEMA_NAMES,
-        cinemaNames: cinemaNames,
-    });
-
-    useEffect(() => {
-        axios
-            .get('http://localhost:8080/main/video', {
-                withCredentials: true,
-            })
-            .then((response) => {
-                setMainVideo(response.data.src);
-            })
-            .catch((error) => console.log(error));
-        return () => {
-            setMainVideo('');
-        };
-    }, []);
-
-    const arrowClick = () => {
-        navigation('/event');
+  useEffect(() => {
+    axios
+      .get('http://localhost:8080/main/video', {
+        withCredentials: true,
+      })
+      .then((response) => {
+        setMainVideo(response.data.src);
+      })
+      .catch((error) => console.log(error));
+    return () => {
+      setMainVideo('');
     };
+  }, []);
+
+  const arrowClick = () => {
+    navigation('/event');
+  };
 
-    return (
-        <>
-            <div className={style.videoArea}>
-                <video src={mainVideo} className={style.video} controls></video>
-            </div>
-            <div className={style.mainText}>
-                EVENTS
-                <div className={style.arrow} onClick={arrowClick}></div>
-            </div>
-            {cinemaNames.map((item, index) => (
-                <div key={index} className={style.movieThumbnail}>
-                    <MainMovieEvents cinemaName={item} />
-                </div>
-            ))}
+  return (
+    <>
+      <div className={style.videoArea}>
+        <video src={mainVideo} className={style.video} controls></video>
+      </div>
+      <div className={style.mainText}>
+        EVENTS
+        <div className={style.arrow} onClick={arrowClick}></div>
+      </div>
+      {cinemaNames.map((item, index) => (
+        <div key={index} className={style.movieThumbnail}>
+          <MainMovieEvents cinemaName={item} />
+        </div>
+      ))}
 
-            <div className={style.mainText}>TODAY'S POSTS</div>
-            <MainPosts />
-        </>
-    );
+      <div className={style.mainText}>TODAY'S POSTS</div>
+      <MainPosts />
+    </>
+  );
 };
 
 export default MainPage;
diff --git a/frontend/sweet-red-beans/src/components/MainPage/MainPosts.js b/frontend/sweet-red-beans/src/components/MainPage/MainPosts.js
index 73e0fba..aacd29c 100644
--- a/frontend/sweet-red-beans/src/components/MainPage/MainPosts.js
+++ b/frontend/sweet-red-beans/src/components/MainPage/MainPosts.js
@@ -11,6 +11,7 @@ const MainPosts = () => {
 
   useEffect(() => {
     axios
+
       .get('http://localhost:8080/main/daily-community', {
         withCredentials: true,
         params: {
@@ -35,6 +36,11 @@ const MainPosts = () => {
         setDailyGeneralPosts(response.data);
       })
       .catch((error) => console.log(error));
+
+    // return () => {
+    //   setDailyInfoPosts(null);
+    //   setDailyGeneralPosts(null);
+    // };
   }, []);
 
   const writeClick = () => {
@@ -56,6 +62,10 @@ const MainPosts = () => {
                   key={index}>
                   <li>
                     <div className={style.title}>{item.title}</div>
+                    <div className={style.countArea}>
+                      <div className={style.commentCount}>16</div>
+                      <div className={style.views}>16</div>
+                    </div>
                   </li>
                 </Link>
               ))}
@@ -71,6 +81,10 @@ const MainPosts = () => {
                   key={index}>
                   <li>
                     <div className={style.title}>{item.title}</div>
+                    <div className={style.countArea}>
+                      <div className={style.commentCount}>16</div>
+                      <div className={style.views}>16</div>
+                    </div>
                   </li>
                 </Link>
               ))}
@@ -83,27 +97,6 @@ const MainPosts = () => {
             <div>내 통장처럼 비어버린 오늘의 글...</div>
           </div>
         )}
-
-        {/* {dailyGeneralPosts.length !== 0 ? (
-          <ul>
-            {dailyGeneralPosts.map((item, index) => (
-              <Link
-                to={`/community/general/${item.post_id}`}
-                style={{ textDecoration: 'none' }}
-                key={index}>
-                <li>
-                  <div className={style.title}>{item.title}</div>
-                </li>
-              </Link>
-            ))}
-          </ul>
-        ) : (
-          <div className={style.nullMessage}>
-            <div>지금 당장 글 쓰러 가기</div>
-            <div className={style.arrow} onClick={writeClick}></div>
-            <div>내 통장처럼 비어버린 오늘의 글...</div>
-          </div>
-        )} */}
       </div>
     </>
   );
diff --git a/frontend/sweet-red-beans/src/components/TransactionPage/TransactionDetail.js b/frontend/sweet-red-beans/src/components/TransactionPage/TransactionDetail.js
index 88447a1..2a723b0 100644
--- a/frontend/sweet-red-beans/src/components/TransactionPage/TransactionDetail.js
+++ b/frontend/sweet-red-beans/src/components/TransactionPage/TransactionDetail.js
@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import axios from 'axios';
 import { useNavigate } from 'react-router';
 import { useDispatch } from 'react-redux';
-import { DM_CREATE } from '../../actions/types';
+import { DM_CREATE, SELECTED_DM } from '../../actions/types';
 import style from '../../css/TransactionPage/TransactionDetail.module.css';
 import Modal from '../Modals/TransactionModal';
 import Switch from 'react-switch';
@@ -93,8 +93,14 @@ const TransactionDetail = ({ transaction }) => {
   );
 
   const DMClick = () => {
+    if (
+      transaction.user_status === '정지' ||
+      transaction.user_status === '탈퇴'
+    ) {
+      alert('정지되거나 탈퇴한 사용자입니다.');
+      return;
+    }
     const body = {
-      user_id: '1',
       transaction_id: transaction.transaction_id,
     };
     axios
@@ -103,7 +109,7 @@ const TransactionDetail = ({ transaction }) => {
       })
       .then((response) => {
         dispatch({
-          type: DM_CREATE,
+          type: SELECTED_DM,
           DMCreate: response.data,
         });
         navigation('/DM');
diff --git a/frontend/sweet-red-beans/src/css/MainPage/MainMovieEvents.module.css b/frontend/sweet-red-beans/src/css/MainPage/MainMovieEvents.module.css
index feaac14..a1279cf 100644
--- a/frontend/sweet-red-beans/src/css/MainPage/MainMovieEvents.module.css
+++ b/frontend/sweet-red-beans/src/css/MainPage/MainMovieEvents.module.css
@@ -1,29 +1,39 @@
 .cinemaName {
-    cursor: default;
-    display: inline-block;
-    position: relative;
-    text-align: left;
-    margin-bottom: 50px;
-    margin-left: -870px;
-    font-size: 20px;
-    z-index: 5;
-    font-family: 'ROKAFSansBold';
+  cursor: default;
+  display: inline-block;
+  position: relative;
+  text-align: left;
+  margin-bottom: 50px;
+  margin-left: -870px;
+  font-size: 20px;
+  z-index: 5;
+  font-family: 'ROKAFSansBold';
 }
 
 .underline {
-    display: inline-block;
-    z-index: 0;
-    position: absolute;
-    content: '';
-    bottom: -8px;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    width: 120%;
-    height: 5px;
-    background-color: #f23333;
-    border-radius: 10px;
+  display: inline-block;
+  z-index: 0;
+  position: absolute;
+  content: '';
+  bottom: -8px;
+  left: 50%;
+  transform: translate(-50%, 0%);
+  width: 120%;
+  height: 5px;
+  background-color: #f23333;
+  border-radius: 10px;
 }
 
 .movieThumbnails {
-    margin-bottom: 50px;
+  margin-bottom: 50px;
+}
+
+.nullEvents {
+  height: 280px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  color: #5a5a5a;
+  font-family: 'ROKAFSansBold';
 }
diff --git a/frontend/sweet-red-beans/src/css/MainPage/MainPosts.module.css b/frontend/sweet-red-beans/src/css/MainPage/MainPosts.module.css
index de0dc94..b2198c9 100644
--- a/frontend/sweet-red-beans/src/css/MainPage/MainPosts.module.css
+++ b/frontend/sweet-red-beans/src/css/MainPage/MainPosts.module.css
@@ -10,9 +10,10 @@
 
 .dailyInfoPosts,
 .dailyGeneralPosts {
-  border: #5a5a5a 1px solid;
+  border: #c4c4c4 1px solid;
   border-radius: 20px;
   width: 480px;
+  min-height: 480px;
   padding: 40px;
   box-sizing: border-box;
 }
@@ -25,26 +26,65 @@
 .posts li {
   padding: 30px 15px 0px 15px;
   box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
 }
 
 .posts li div {
   font-size: 16px;
 }
 
-.posts li div:hover {
+.title {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 18px;
+  color: #5a5a5a;
+}
+
+.title:hover {
+  color: #f23333;
   text-decoration: underline;
 }
 
-.posts li:hover::after {
-  transform: translate(-50%, 0) scaleX(1);
+.countArea {
+  font-size: 14px;
+  color: #5a5a5a;
+  font-family: 'Pretendard-Regular';
 }
 
-.title {
-  cursor: pointer;
+.commentCount {
   display: inline-block;
+  margin-right: 5px;
+}
+
+.commentCount::before {
+  display: inline-block;
+  content: '';
+  width: 18px;
+  height: 18px;
+  background: url('../../img/main-comment.png');
+  background-repeat: no-repeat;
+  background-size: 90%;
+  background-position: 50% 20%;
   vertical-align: middle;
-  font-size: 18px;
-  color: black;
+  margin-right: 5px;
+}
+
+.views {
+  display: inline-block;
+}
+
+.views::before {
+  display: inline-block;
+  content: '';
+  width: 18px;
+  height: 18px;
+  background: url('../../img/view.png');
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-position: 50% 20%;
+  vertical-align: top;
+  margin-right: 4px;
 }
 
 .nullMessage {
diff --git a/frontend/sweet-red-beans/src/img/main-comment.png b/frontend/sweet-red-beans/src/img/main-comment.png
new file mode 100644
index 0000000000000000000000000000000000000000..9854a3e8964467571386554daaf5b7966906c366
GIT binary patch
literal 13202
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

literal 0
HcmV?d00001

diff --git a/frontend/sweet-red-beans/src/store.js b/frontend/sweet-red-beans/src/store.js
index 9111c37..709635a 100644
--- a/frontend/sweet-red-beans/src/store.js
+++ b/frontend/sweet-red-beans/src/store.js
@@ -1,84 +1,82 @@
-import { createStore } from "redux";
-import { LOGIN_USER, MAIN_EVENTS, CINEMA_NAMES, MAIN_CINEMA_EVENTS, EVENTS, EVENT_ISEND, EVENT_SORT, INFO, 
-DM_CREATE, MYPAGE_USER, MYPAGE_TRANSACTIONS, MYPAGE_COMMENTS, MYPAGE_EVENTS, MYPAGE_POSTS, MYPAGE_LIKE_TRANSACTIONS, SELECTED_DM } from "./actions/types";
+import { createStore } from 'redux';
+import {
+  LOGIN_USER,
+  MAIN_EVENTS,
+  CINEMA_NAMES,
+  MAIN_CINEMA_EVENTS,
+  EVENTS,
+  EVENT_ISEND,
+  EVENT_SORT,
+  INFO,
+  DM_CREATE,
+  MYPAGE_USER,
+  MYPAGE_TRANSACTIONS,
+  MYPAGE_COMMENTS,
+  MYPAGE_EVENTS,
+  MYPAGE_POSTS,
+  MYPAGE_LIKE_TRANSACTIONS,
+  SELECTED_DM,
+} from './actions/types';
 
-
-const reducer = (state={}, action) => {
-
-    if(action.type === LOGIN_USER){
-        //user : nickname, profileURL이 있음
-        return{...state, user: action.user}
-    }
-    else if(action.type === MAIN_EVENTS){
-        //전체 이벤트(배열)
-        return {...state, mainEvents: action.events}
-    }
-    else if(action.type === CINEMA_NAMES){
-        //
-        return {...state, cinemaNames: action.cinemaNames}
-    }
-    else if(action.type === MAIN_CINEMA_EVENTS){
-        //각 영화사 별 이벤트(배열)
-        // if (action.mainCinemaEvents.cinemaName === "CGV") {
-        //     return {...state, mainCGVEvents: action.mainCinemaEvents.mainCinemaEvents}
-        // }
-        // else if(action.mainCinemaEvents.cinemaName === "롯데시네마"){
-        //     return {...state, mainLCEvents: action.mainCinemaEvents.mainCinemaEvents}
-        // }
-        // else if(action.mainCinemaEvents.cinemaName === "메가박스"){
-        //     return {...state, mainLMBvents: action.mainCinemaEvents.mainCinemaEvents}
-        // }
-        // else if(action.mainCinemaEvents.cinemaName === "씨네큐"){
-        //     return {...state, mainLCQvents: action.mainCinemaEvents.mainCinemaEvents}
-        // }
-    }
-    else if (action.type === EVENTS){
-        //이벤트 페이지에서 전체 이벤트 조회
-        // cinema_name : string
-        // event_id : long
-        // thumbnail_url : string
-        // title : string
-        // start_date : date
-        // end_date : date
-        // is_like : boolean
-        return {...state, events: action.events}
-    }
-    else if (action.type === EVENT_ISEND){
-        return {...state, eventIsEnd: action.payload}
-    }
-    else if (action.type === EVENT_SORT){
-        return {...state, eventSort: action.payload}
-    }
-    else if (action.type === INFO){
-        return {...state, info: action.info}
-    }
-    else if (action.type === DM_CREATE){
-        return {...state, DMCreate: action.DMCreate}
-    }
-    else if (action.type === MYPAGE_USER){
-        return {...state, mypageUser: action.payload}
-    }
-    else if (action.type === MYPAGE_TRANSACTIONS){
-        return {...state, mypageTransactions: action.payload}
-    }
-    else if (action.type === MYPAGE_COMMENTS){
-        return {...state, mypageComments: action.payload}
-    }
-    else if (action.type === MYPAGE_EVENTS){
-        return {...state, mypageEvents: action.payload}
-    }
-    else if (action.type === MYPAGE_POSTS){
-        return {...state, mypagePosts: action.payload}
-    }
-    else if (action.type === MYPAGE_LIKE_TRANSACTIONS){
-        return {...state, mypageLikeTransactions: action.payload}
-    }
-    else if (action.type === SELECTED_DM){
-        return {...state, selectedRoomId: action.payload}
-    }
-    
-}
+const reducer = (state = {}, action) => {
+  if (action.type === LOGIN_USER) {
+    //user : nickname, profileURL이 있음
+    return { ...state, user: action.user };
+  } else if (action.type === MAIN_EVENTS) {
+    //전체 이벤트(배열)
+    return { ...state, mainEvents: action.events };
+  } else if (action.type === CINEMA_NAMES) {
+    //
+    return { ...state, cinemaNames: action.cinemaNames };
+  } else if (action.type === MAIN_CINEMA_EVENTS) {
+    //각 영화사 별 이벤트(배열)
+    // if (action.mainCinemaEvents.cinemaName === "CGV") {
+    //     return {...state, mainCGVEvents: action.mainCinemaEvents.mainCinemaEvents}
+    // }
+    // else if(action.mainCinemaEvents.cinemaName === "롯데시네마"){
+    //     return {...state, mainLCEvents: action.mainCinemaEvents.mainCinemaEvents}
+    // }
+    // else if(action.mainCinemaEvents.cinemaName === "메가박스"){
+    //     return {...state, mainLMBvents: action.mainCinemaEvents.mainCinemaEvents}
+    // }
+    // else if(action.mainCinemaEvents.cinemaName === "씨네큐"){
+    //     return {...state, mainLCQvents: action.mainCinemaEvents.mainCinemaEvents}
+    // }
+  } else if (action.type === EVENTS) {
+    //이벤트 페이지에서 전체 이벤트 조회
+    // cinema_name : string
+    // event_id : long
+    // thumbnail_url : string
+    // title : string
+    // start_date : date
+    // end_date : date
+    // is_like : boolean
+    return { ...state, events: action.events };
+  } else if (action.type === EVENT_ISEND) {
+    return { ...state, eventIsEnd: action.payload };
+  } else if (action.type === EVENT_SORT) {
+    return { ...state, eventSort: action.payload };
+  } else if (action.type === INFO) {
+    return { ...state, info: action.info };
+  } else if (action.type === DM_CREATE) {
+    return { ...state, DMCreate: action.DMCreate };
+  } else if (action.type === MYPAGE_USER) {
+    return { ...state, mypageUser: action.payload };
+  } else if (action.type === MYPAGE_TRANSACTIONS) {
+    return { ...state, mypageTransactions: action.payload };
+  } else if (action.type === MYPAGE_COMMENTS) {
+    return { ...state, mypageComments: action.payload };
+  } else if (action.type === MYPAGE_EVENTS) {
+    return { ...state, mypageEvents: action.payload };
+  } else if (action.type === MYPAGE_POSTS) {
+    return { ...state, mypagePosts: action.payload };
+  } else if (action.type === MYPAGE_LIKE_TRANSACTIONS) {
+    return { ...state, mypageLikeTransactions: action.payload };
+  } else if (action.type === SELECTED_DM) {
+    return { ...state, selectedRoom: action.payload };
+  }
+};
 
 const store = createStore(reducer);
 
-export default store;
\ No newline at end of file
+export default store;