From c026b8d00545976af1091598adf844ed262a2f9d Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Wed, 22 May 2024 21:05:50 +0900
Subject: [PATCH 1/6] =?UTF-8?q?feat:=20modal=EC=B0=BD=5F=EB=B3=B8=EB=AC=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/img/Initial_settings_img.png | Bin 0 -> 1405 bytes
 assets/img/bell_img.png             | Bin 0 -> 1568 bytes
 assets/img/iconImg-1.png            | Bin 0 -> 4369 bytes
 assets/img/setting_img.png          | Bin 0 -> 3416 bytes
 assets/img/warning_img.png          | Bin 0 -> 2881 bytes
 assets/modal/modal.css              |  49 ++++++++++++++++++++++++++++
 assets/modal/modal.html             |  15 ++++++++-
 7 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 assets/img/Initial_settings_img.png
 create mode 100644 assets/img/bell_img.png
 create mode 100644 assets/img/iconImg-1.png
 create mode 100644 assets/img/setting_img.png
 create mode 100644 assets/img/warning_img.png
 create mode 100644 assets/modal/modal.css

diff --git a/assets/img/Initial_settings_img.png b/assets/img/Initial_settings_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7ae42c1505925ca9c52fcaa6c2263e7dfb3bd19
GIT binary patch
literal 1405
zcmV-@1%mpCP)<h;3K|Lk000e1NJLTq001li001Zm1^@s6g%ubV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&1rkX_K~z{r)tLKF
z8%Gew`=3^AX&~T0%)<dJrv!yi2QW!^C~1>6N`;)z{E|XYt0ut?7)&Un%A;u|s05gY
z0UHByK@>FI?@4#;?v2lPHj30AK9Z%I+4*`OvorfiKA)%m6K5(om0G3ue|(_X-{uV#
z78Yq~X_@x+_E`H;C`)iUy-Bh7B=rw|L;l7V^3^p`MWv5EKUZx~SzSlxeSWI-2dKOE
zmhmStnG8FYTS^kVwzf`#ckT*NHT3BhRi5eW>Y;_jzuB>i;Yl!-yl?OhRaE&{AzrAc
zx<KFE|ADr)w%J&Pa4q=5pMOzPbBGPza49I3ypN*8k7@Mj&-Cl_af-d1q$eX!X(&2O
z;qG3;hV!kh573*p@7S0eMFk%pAJg3H->Igq!4@p|RXfeizoy*ou3^XdgQKG(T3cVI
ziODGnUFoombFs0R;^GfFjbTz$aC~CYI6!iMrj`&Tre=hYe_0<V;FFx0C4W<kGUjJr
zR@1zg7|ut=QSh6$@5SkFRt9dr7N!l69o)=@6WQ#JF_t_wRuNl|vo|Ry7>5D-OCB(C
zbAS#G4p{qA$mMpa_tt<C1LtIACB@o<f`adT|3De2z2j>m0B0++DgLMoXCrfXcxa3*
z$LbS#owEh3VBAo0>cW1*5^}aW^-ZmoUqc|s+UQ`51zIm#eu#}+&)KqqJFiD9XMjV(
z*>RL2_~hh-64NtE%)#4tSzDXnY&NSnhOS&S(voghh*AUt#6X%feUX_qHqtgbo8Z~G
zdCLhPcj`7ylqwh?-^;OM@d=xaO)!cSE1<ZYknnXIC(03wLk%C(zh9IAx{V?jWuTnO
z!reDKZ3j?}VC?0t$mxXP2Gng7!Ar}_bpC?hau|9ztQfnY9Kj&^=ts-HMwF{7DK#f6
zf)^GSsj{Zda`<U<Ofhytxq?T>ezE*f(V-!bzbk@q;N%)N_R_xTi&3uNXD?!wKk5q<
z{qlE5!OvcdE5>dpS1`&_)4!<TcVhan45q_~sBPu%ZnzfiF+>CW=4_n6HZ<d(6D=0D
zsr+3LoLXHa-^E7D;h`wV<?kPZq3G$MLjph|kiRQ}^Z9?2Iu$v&+%nP&NTJtzZdmb=
zV)yp<6&p=(-sss(2V5L(Dzvi#1rPSU86RzzZetTHZ+d_hNVjnU<>K@4xTk{2WFj%G
z#MTcSunA6YZYr6g^>VwX+YU{q>C0WMg+Po@o7(SXL?Ncz*#v`u+utgViK(RPz1$pZ
zv-}`{v*Eys$T2&+BCH)N7zK}<-q5yir5*>`d>j_|Cud%<HaaM2<=zp#g&ta1!9YHI
zpuHn(>`%^C2W>x=)6J^nayescITjvRI9pIqFkX2AqMerqirnl!)2x9B(3?=Kj?-&U
zLBRkmw|tQRwC0(N{V;d|GmkB%xA`b1i@gFl3I<4P`lBBPPQIG;Tq^_kB&L&M^-h~k
zfEaiQ<$Pp{3Pw?ls!e~X0im|5M(#wycM^{o#a2QK6clMv9|x<5iE*>%iwZWuQq|U9
zvIPSTfmWkCK^^d9WX!mHP$r_bjXrv8T=DV^CWB|MVy`_it_6dw?QObu|ACV7N(E!!
z!DK}oZZ1|KJP9_zLyP`);TF`mcntU2+?tdm*d)8NV-)?}qH#nzLOF;Q3kL{b7O_9E
z|B=_RRW{P@E}%k`C0J%(l!2&SQE=l=0Q6(1u{rxvIWxf@hdliUL0;2Rl_C}{00000
LNkvXXu0mjf`;w7Q

literal 0
HcmV?d00001

diff --git a/assets/img/bell_img.png b/assets/img/bell_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..3fb1eee1a4f5adacf3e71b1975183a1c17229dcb
GIT binary patch
literal 1568
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
Sp19ut0000<MNUMnLSTZZE3=0H

literal 0
HcmV?d00001

diff --git a/assets/img/iconImg-1.png b/assets/img/iconImg-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0366714c20d77c3a78f8672b840063e5aedb7bb
GIT binary patch
literal 4369
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
JVj)g3{{zM-O^E;i

literal 0
HcmV?d00001

diff --git a/assets/img/setting_img.png b/assets/img/setting_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..673e3ad6e6fe2bce6b488d92260212c00384438e
GIT binary patch
literal 3416
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

literal 0
HcmV?d00001

diff --git a/assets/img/warning_img.png b/assets/img/warning_img.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d802bd033a2d0b81c8bd2c0d7db9a1839efc1c6
GIT binary patch
literal 2881
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

literal 0
HcmV?d00001

diff --git a/assets/modal/modal.css b/assets/modal/modal.css
new file mode 100644
index 0000000..f11a121
--- /dev/null
+++ b/assets/modal/modal.css
@@ -0,0 +1,49 @@
+@font-face {
+    font-family: 'SCDream';
+    font-weight: 400;
+    src: url('/assets/fonts/SCDream4.otf');
+  }
+body {
+    font-family: SCDream;
+    width: 400px;
+    background-color: white;
+}
+h2 {
+    text-align: top;
+    vertical-align: top;
+}
+img {
+    width: 57px;
+}
+.commentbox {
+    height: 200px;
+    background-color: #F5F5F5;
+    vertical-align: middle;
+}
+li {
+    vertical-align: middle;
+    list-style-type: none;
+}
+li img{
+    width: 40px;
+}
+/* .error-text{
+    vertical-align: middle;
+    text-align: center;
+    display: inline-block;
+} */
+.error-imform {
+    width: 385px;
+    height: 40px;
+    vertical-align: middle;
+    text-align: center;
+    display: inline-block;
+    margin-top: 15px;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #105395;
+    padding-top: 20px;
+    color: white;
+    border-radius: 0px 30px;
+}
+
diff --git a/assets/modal/modal.html b/assets/modal/modal.html
index d6fb0ed..4053647 100644
--- a/assets/modal/modal.html
+++ b/assets/modal/modal.html
@@ -4,9 +4,22 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Comboong Note</title>
+    <link rel="stylesheet" href="modal.css" />
   </head>
   <body>
-    모달
+    <h2><img src="../img/iconImg-1.png">&nbsp;&nbsp;&nbsp;Comboong Note</h2>
+    <div class="commentbox">
+      <ul>
+        <li><img src="../img/setting_img.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;초기 설정값을 확인해 주세요</li>
+        <li><img src="../img/bell_img.png">&nbsp;&nbsp;&nbsp;처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
+        <li><img src="../img/warning_img.png">&nbsp;&nbsp;&nbsp;본 프로그램으로 생기는 불이익은 책임지기 힘듭니다</li>
+      </ul>
+    </div>
+    <div class="error-imform">
+      <div class="">
+        오류 제보: 2004imjimin@pusan.ac.kr
+      </div>
+    </div>
     <script src="./modal.js"></script>
   </body>
 </html>

From 4696e8bd9aa7df273a8257aedad01d990cfca9ca Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Sun, 2 Jun 2024 16:07:22 +0900
Subject: [PATCH 2/6] =?UTF-8?q?Merge=20branch=20'develop'=20of=20https://g?=
 =?UTF-8?q?ithub.com/untoc-camp/comboong-note=20into=20chore/=EA=B9=83?=
 =?UTF-8?q?=ED=97=88=EB=B8=8C=5F=EC=97=B0=EC=8A=B52=5F#18?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/modal/modal.css  | 10 +++++++---
 assets/modal/modal.html | 10 +++++-----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/assets/modal/modal.css b/assets/modal/modal.css
index f11a121..45b49f2 100644
--- a/assets/modal/modal.css
+++ b/assets/modal/modal.css
@@ -8,7 +8,7 @@ body {
     width: 400px;
     background-color: white;
 }
-h2 {
+.Comboongtext {
     text-align: top;
     vertical-align: top;
 }
@@ -18,7 +18,7 @@ img {
 .commentbox {
     height: 200px;
     background-color: #F5F5F5;
-    vertical-align: middle;
+    display: flex; /*flex- container 에만 영향을 줌*/
 }
 li {
     vertical-align: middle;
@@ -27,6 +27,10 @@ li {
 li img{
     width: 40px;
 }
+.li-comment{
+    flex-direction: column;
+    white-space: pre;
+}
 /* .error-text{
     vertical-align: middle;
     text-align: center;
@@ -35,13 +39,13 @@ li img{
 .error-imform {
     width: 385px;
     height: 40px;
+    background-color: #105395;
     vertical-align: middle;
     text-align: center;
     display: inline-block;
     margin-top: 15px;
     margin-left: auto;
     margin-right: auto;
-    background-color: #105395;
     padding-top: 20px;
     color: white;
     border-radius: 0px 30px;
diff --git a/assets/modal/modal.html b/assets/modal/modal.html
index 4053647..bedb256 100644
--- a/assets/modal/modal.html
+++ b/assets/modal/modal.html
@@ -7,16 +7,16 @@
     <link rel="stylesheet" href="modal.css" />
   </head>
   <body>
-    <h2><img src="../img/iconImg-1.png">&nbsp;&nbsp;&nbsp;Comboong Note</h2>
+    <h2 class="Comboongtext"><img src="../img/iconImg-1.png">&nbsp;&nbsp;&nbsp;Comboong Note</h2>
     <div class="commentbox">
       <ul>
-        <li><img src="../img/setting_img.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;초기 설정값을 확인해 주세요</li>
-        <li><img src="../img/bell_img.png">&nbsp;&nbsp;&nbsp;처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
-        <li><img src="../img/warning_img.png">&nbsp;&nbsp;&nbsp;본 프로그램으로 생기는 불이익은 책임지기 힘듭니다</li>
+        <li class="li-comment"><img src="../img/setting_img.png"/>  초기 설정값을 확인해 주세요</li>
+        <li class="li-comment"><img src="../img/bell_img.png"/>  처음 설치 시 알람이 뜰 수 있음을 유의해 주세요</li> <!--css에서 옆으로 밀면 될것같은데..-->
+        <li class="li-comment"><img src="../img/warning_img.png"/> 본 프로그램으로 생기는 불이익은 책임지기 힘듭니다</li>
       </ul>
     </div>
     <div class="error-imform">
-      <div class="">
+      <div class="error-text">
         오류 제보: 2004imjimin@pusan.ac.kr
       </div>
     </div>

From 86050d8f458deccacee30a6aaac29021b215dc92 Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Sun, 2 Jun 2024 16:09:55 +0900
Subject: [PATCH 3/6] =?UTF-8?q?feat:=20modal=EC=B0=BD=5F=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/modal/modal.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/modal/modal.css b/assets/modal/modal.css
index 45b49f2..4c5a3f5 100644
--- a/assets/modal/modal.css
+++ b/assets/modal/modal.css
@@ -18,7 +18,7 @@ img {
 .commentbox {
     height: 200px;
     background-color: #F5F5F5;
-    display: flex; /*flex- container 에만 영향을 줌*/
+    display: flex;
 }
 li {
     vertical-align: middle;

From a8ed7d765233223463b400df3fc7cdf6fbbdd6bb Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Thu, 27 Jun 2024 17:11:37 +0900
Subject: [PATCH 4/6] =?UTF-8?q?feat:=20modal=EC=B0=BD=5F=EB=B3=B8=EB=AC=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

모달창 본문
---
 assets/popup/popup.css  | 33 +++++++++++++++++++++++++++------
 assets/popup/popup.html |  7 ++++---
 assets/popup/popup.js   | 21 ++++++++++++++++++---
 3 files changed, 49 insertions(+), 12 deletions(-)

diff --git a/assets/popup/popup.css b/assets/popup/popup.css
index d1bd57a..809d538 100644
--- a/assets/popup/popup.css
+++ b/assets/popup/popup.css
@@ -102,7 +102,8 @@ img.dropbtn_click {
   padding: 15px;
 }
 
-.styledTable, table {
+.styledTable,
+table {
   border-collapse: separate;
   border-spacing: 1;
   width: 100%;
@@ -300,6 +301,7 @@ label {
 
 .versionBox.Right {
   text-align: right;
+  padding-right: 15px;
 }
 
 .versionContainer {
@@ -309,23 +311,23 @@ label {
   bottom: 15px;
 }
 
-.yourMajor{
+.yourMajor {
   width: 290px;
   position: fixed;
   bottom: 6px;
   text-align: center;
   font-size: 14px;
-  color: #94C9F3;
+  color: #94c9f3;
   cursor: pointer;
 }
 
-.studentSupply{
+.studentSupply {
   width: 290px;
   position: fixed;
   bottom: 6px;
   text-align: center;
   font-size: 14px;
-  color: #94C9F3;
+  color: #94c9f3;
   cursor: pointer;
 }
 
@@ -334,6 +336,12 @@ label {
   cursor: pointer;
 }
 
+#majorNoticeRefresh {
+  width: 10px;
+  cursor: pointer;
+}
+
+
 .hide {
   display: none;
 }
@@ -346,6 +354,19 @@ label {
   padding-bottom: 2px;
 }
 
+#refreshImg {
+  width: 16px;
+  vertical-align: middle;
+  margin: 0px;
+  padding: 0px;
+  padding-bottom: 2px;
+}
+
+#majorNoticeRefresh:hover #refreshImg{
+  /* 마우스 호버 시 이미지 색상 파란 색으로 변경 */
+  filter: invert(8%) sepia(100%) saturate(7484%) hue-rotate(248deg) brightness(97%) contrast(143%); 
+}
+
 .generalNotice {
   color: blue;
 }
@@ -356,6 +377,6 @@ label {
   line-height: 16px;
 }
 
-#majorNoticeToggle:hover #toggleText{
+#majorNoticeToggle:hover #toggleText {
   color: blue;
 }
diff --git a/assets/popup/popup.html b/assets/popup/popup.html
index df179b7..82dca78 100644
--- a/assets/popup/popup.html
+++ b/assets/popup/popup.html
@@ -19,6 +19,7 @@
           <table id="noticeList" class="styledTable">
             <tr>
               <td id="majorNoticeToggle"><img src="../img/drop_down.png" id="toggleImg"><b id="toggleText">일반공지 열기</b></td>
+              <td id="majorNoticeRefresh"><img src="../img/refresh.png" id="refreshImg"></td>
             </tr>
           </table>
           <div class="yourMajor">정보컴퓨터공학부</div>
@@ -75,10 +76,10 @@ <h2>학과 선택:</h2>
                 </button>
                 <div class="dropdown-content">
                     <div class="list Selected">정보컴퓨터공학부</div>
-                    <div class="list">의생명공학과</div>
+                    <!-- <div class="list">의생명공학과</div>
                     <div class="list">기계공학과</div>
                     <div class="list">전기공학과</div>
-                    <div class="list">화학공학학과</div>
+                    <div class="list">화학공학학과</div> -->
                 </div>
             </div>
             <div class="settExplaination">크롤링할 학과공지 페이지 선택</div>
@@ -91,7 +92,7 @@ <h3>버그문의</h3>
               </td>
               <td class="versionBox Right">
                 <h3>ver 1.0.0</h3>
-                <h3>lead@pusan.ac.kr</h3>
+                <h3>2004imjimin@pusan.ac.kr</h3>
               </td>
             </tr>
           </table>
diff --git a/assets/popup/popup.js b/assets/popup/popup.js
index a40b1a3..5b8d750 100644
--- a/assets/popup/popup.js
+++ b/assets/popup/popup.js
@@ -1,6 +1,8 @@
 /* eslint-disable import/no-unresolved  */
 /* eslint-disable no-param-reassign */
 import { localStorageSet, localStorageGet } from '../../scripts/storage.js';
+import { getMajorNotices, getSchedules } from '../../scripts/crawling.js';
+import preprocessAndUpload from '../../scripts/preprocess.js';
 import settingData from '../../scripts/setting.js';
 
 function resetRender() {
@@ -71,6 +73,7 @@ function renderPopup(schedules, fixedNotices, nonfixedNotices) {
     link.textContent = articleTitle.replace(/ 새글/g, '');
     td.appendChild(link);
     td.appendChild(document.createTextNode(` (${articleWriter})`));
+    td.setAttribute('colspan', '2');
     noticeList.append(tr);
     tr.append(td);
     tr.classList.add('Notice');
@@ -125,6 +128,17 @@ function majorNoticesToggle() {
   });
 }
 
+function majorNoticesRefresh() {
+  const toggle = document.querySelector('#majorNoticeRefresh');
+
+  toggle.addEventListener('click', async () => {
+    const newNotices = await getMajorNotices();
+    const { schedules = [] } = await localStorageGet(['schedules']);
+    preprocessAndUpload(schedules, newNotices);
+    fetchAndRender();
+  });
+}
+
 async function initializeDropdown(dropdown, index) {
   // 초기 상태 반영.
   const listItems = dropdown.querySelectorAll('.list');
@@ -253,12 +267,13 @@ tabEventListener();
 updateToggleValues();
 dropDownList();
 majorNoticesToggle();
+majorNoticesRefresh();
 addLinkAndMajor();
 
 (async () => {
-  const { initialStart } = await chrome.storage.local.get('initialStart');
+  const { initialStart } = await localStorageGet('initialStart');
   if (initialStart === true) {
-    const { modalOnOff, noticeDDay, crawlingPeriod, mymajor } = await chrome.storage.local.get([
+    const { modalOnOff, noticeDDay, crawlingPeriod, mymajor } = await localStorageGet([
       'modalOnOff',
       'noticeDDay',
       'crawlingPeriod',
@@ -279,7 +294,7 @@ addLinkAndMajor();
       fetchAndRender();
     }
     if (!changes.initialStart) {
-      const { modalOnOff, noticeDDay, crawlingPeriod, mymajor } = await chrome.storage.local.get([
+      const { modalOnOff, noticeDDay, crawlingPeriod, mymajor } = await localStorageGet([
         'modalOnOff',
         'noticeDDay',
         'crawlingPeriod',

From 36d5dc48326a017c09fbd91474ac0c1bf004e14c Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Fri, 28 Jun 2024 16:59:27 +0900
Subject: [PATCH 5/6] =?UTF-8?q?feat:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

모달창 완..성..?
---
 assets/modal/modal.css  | 27 ++++++++++++++++++---------
 assets/modal/modal.html | 23 +++++++++++------------
 assets/modal/modal.js   | 14 ++++++++++++--
 3 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/assets/modal/modal.css b/assets/modal/modal.css
index f5e48a4..ef3ef5a 100644
--- a/assets/modal/modal.css
+++ b/assets/modal/modal.css
@@ -3,8 +3,8 @@
     font-weight: 400;
     src: url('/assets/fonts/SCDream4.otf');
   }
-html{
-    width: 600px;
+html::-webkit-scrollbar{
+    display: none;
 }
 body {
     font-family: SCDream;
@@ -33,6 +33,7 @@ body {
     background-color: #F5F5F5;
     flex-direction: column;
     justify-content: space-around;
+    box-shadow: 0px 4px 3px 0 rgb(153, 151, 151);
 }
 .comment1, .comment2, .comment3{
     display: flex;
@@ -52,16 +53,24 @@ body {
     flex: 30%;
 }
 ul{
+    display: grid;
     padding-left: 0;
 }
-.extra{
-    background-color: yellow;
+#extra{
+    float: right;
+    background-color: #edf6ff;
     border-radius: 30px 30px 30px 0;
-    width: 310px;
-    height: 140px;
+    width: 230px;
+    height: 100px;
+    padding: 0px 0px 15px 0px;
     white-space: pre;
     margin: 15px;
-
+    display: none;
+    position: absolute;
+    top: 20px;
+    left: 230px;
+    z-index: 1000;
+    box-shadow: 0px 4px 3px 0 rgb(153, 151, 151);
 }
 .extra_default{
     color: black;
@@ -71,7 +80,7 @@ ul{
     color: grey;
     font-weight: bold;
 }
-.settingset{
+#settingset{
     width: 22px;
     height: 20px;
 }
@@ -87,7 +96,7 @@ justify-content: center;
     vertical-align: middle;
     text-align: center;
     display: inline-block;
-    margin-top: 15px;
+    margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 20px;
diff --git a/assets/modal/modal.html b/assets/modal/modal.html
index 45d474a..2279618 100644
--- a/assets/modal/modal.html
+++ b/assets/modal/modal.html
@@ -10,9 +10,17 @@
     <h1 class="Comboongtext"><img  src="../img/iconImg-1.png"class="iconcomboong"/> Comboong Note</h1>
     <div class="commentbox">
       <ul>
-        <div class="comment1"><img src="../img/setting_img.png" class="li-img"/><li class="li-comment"><b>초기 설정값</b>을 확인해 주세요<img src="../img/Initial_settings_img.png" class="settingset"/></li></div>
-        <div class="comment2"><img src="../img/bell_img.png" class="li-img"/><li class="li-comment"> 처음 설치 시 <b>알람</b>이 뜰 수 있음을 <b>유의해 주세요</b></li></div> <!--css에서 옆으로 밀면 될것같은데..-->
-        <div class="comment3"><img src="../img/warning_img.png" class="li-img"/><li class="li-comment"> 본 프로그램으로 생기는 <b>불이익</b>은 <b>책임지기 힘s듭니다</b></li></div>
+        <div class="comment1"><img src="../img/setting_img.png" class="li-img"/><li class="li-comment"><b>초기 설정값</b>을 확인해 주세요<img src="../img/Initial_settings_img.png" id="settingset"/></li></div>
+        <div id="extra">
+          <span class="extra_default">default setting</span>
+          <span class="extra_settings">  Alarm : ON
+            Crawling : 3시간
+            Notification : 1일
+            Major : 정보컴퓨터공학부
+          </span>
+        </div>
+        <div class="comment2"><img src="../img/bell_img.png" class="li-img"/><li class="li-comment"> 처음 설치 시 <b>알람</b>이 뜰 수 있음을 <b>유의해 주세요</b></li></div>
+        <div class="comment3"><img src="../img/warning_img.png" class="li-img"/><li class="li-comment"> 본 프로그램으로 생기는 <b>불이익</b>은 <b>책임지기 힘듭니다</b></li></div>
       </ul>
     </div>
     <div class="error-imform">
@@ -21,15 +29,6 @@ <h1 class="Comboongtext"><img  src="../img/iconImg-1.png"class="iconcomboong"/>
       </div>
     </div>
 
-    <div class="extra">
-      <span class="extra_default">default setting</span>
-      <span class="extra_settings">
-        Alarm : ON
-        Crawling : 3시간
-        Notification : 1일
-        Major : 정보컴퓨터공학부
-      </span>
-    </div>
     <script type="module" src="./modal.js"></script>
   </body>
 </html>
diff --git a/assets/modal/modal.js b/assets/modal/modal.js
index 29d57f8..d52b193 100644
--- a/assets/modal/modal.js
+++ b/assets/modal/modal.js
@@ -3,5 +3,15 @@
 //   console.log(modalDisplayData);
 //   console.log(modalDisplayData.content, modalDisplayData.remainingDays);
 // })();
-
-window.open('/modal.html',"_blank","width = 500, height=600"); //링크 연결 안됨 
\ No newline at end of file
+document.addEventListener('DOMContentLoaded', function () {
+    const settingsImg = document.getElementById('settingset');
+    const extraDiv = document.getElementById('extra');
+  
+    settingsImg.addEventListener('mouseenter', function () {
+        extraDiv.style.display = 'block';
+    });
+  
+    settingsImg.addEventListener('mouseleave', function () {
+        extraDiv.style.display = 'none';
+    });
+  });
\ No newline at end of file

From 11ee39bdd522952fba2566ac7fe91e64a5ea5fcf Mon Sep 17 00:00:00 2001
From: yujin5047 <0505ujin@pusan.ac.kr>
Date: Fri, 28 Jun 2024 17:00:48 +0900
Subject: [PATCH 6/6] =?UTF-8?q?feat:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

service-worker.js 모달창 부분 수정
---
 service-worker.js | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/service-worker.js b/service-worker.js
index cf48ec8..7f5df45 100644
--- a/service-worker.js
+++ b/service-worker.js
@@ -1,23 +1,22 @@
 /* eslint-disable no-param-reassign */
 import { getMajorNotices, getSchedules } from './scripts/crawling.js';
 import { createDDayNotification, createNotification, createNotificationSignal } from './scripts/notification.js';
-import { localStorageGet, localStorageSet } from './scripts/storage.js';
-import settingData from './scripts/setting.js';
-import preprocessAndUpload from './scripts/preprocess.js';
+import { localStorageSet } from './scripts/storage.js';
 
 function openModal() {
   chrome.windows.create({
     url: 'assets/modal/modal.html',
     type: 'popup',
-    width: 400,
-    height: 400,
+    width: 500,
+    height: 450,
     focused: true,
   });
 }
 
 chrome.runtime.onInstalled.addListener(async ({ reason }) => {
   if (reason === 'install' || reason === 'update') {
-    openModal();
+    // 모달창 개발 완료 후 주석 해제
+    // openModal();
     const schedules = await getSchedules();
     const majorNotices = await getMajorNotices();
     const fixedNotices = [];
@@ -42,15 +41,15 @@ chrome.runtime.onInstalled.addListener(async ({ reason }) => {
       nonfixedNotices,
       todayDate: new Date().getDate(),
       modalOnOff: true,
-      noticeDDay: 5,
+      noticeDDay: 3,
       crawlingPeriod: 1,
       mymajor: '정보컴퓨터공학부',
       initialStart: true,
     });
-    chrome.storage.local.get((result) => console.log(result)); // 크롬 개발자도구에선 확장프로그램의 로컬 스토리지를 볼 수 없다고 해서, 콘솔에 띄웁니다
   }
 });
 
 createNotificationSignal();
 createNotification();
 createDDayNotification();
+openModal();
\ No newline at end of file