Update README.md

README.md

@@ -1,16 +1,89 @@
-# Gachon Tools - 가천대학교 사이버캠퍼스 확장프로그램
-
-![](https://img.shields.io/chrome-web-store/v/ogldncimhepjdfadhjjhkchknloncnmg) ![GitHub](https://img.shields.io/github/license/kangju2000/gachon-extension) ![](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https://github.com/kangju2000/gachon-extension)
-
-> 가천대학교 학생들을 위한 사이버캠퍼스 확장프로그램입니다.
-
 <div align='center'>
+   <h1>Gachon Tools</h1>
+   <p>가천대학교 사이버캠퍼스 과제 현황 확장프로그램</p>
    <div>
-      <a href="https://chrome.google.com/webstore/detail/gachon-tools-%EC%82%AC%EC%9D%B4%EB%B2%84%EC%BA%A0%ED%8D%BC%EC%8A%A4-%ED%99%95%EC%9E%A5%ED%94%84%EB%A1%9C%EA%B7%B8/ogldncimhepjdfadhjjhkchknloncnmg?hl=ko&authuser=0">⬇️ 크롬 다운로드</a>
-      <a href="https://kangju2000.notion.site/Gachon-Tools-f01d077db229434abfce605c2d26f682?pvs=4">📄 노션 페이지</a>
+      <img src="https://github.com/kangju2000/gachon-extension/assets/23312485/e04d38ce-07c8-452a-a649-61371bccd8b0" alt="화면" />
    </div>
-
    <br />
-
-   <img src="https://github.com/kangju2000/gachon-extension/assets/23312485/5d6a9f52-90b6-453e-a841-10040546bfe1" width="60%" />
+   <img src="https://img.shields.io/chrome-web-store/v/ogldncimhepjdfadhjjhkchknloncnmg" alt="크롬 익스텐션 버전"/>
+   <img src="https://img.shields.io/github/license/kangju2000/gachon-extension" alt="라이선스"/>
 </div>
+
+<br />
+
+<hr />
+
+<br />
+
+## 🤔 개발 배경
+
+학기 중에, 과제가 있다는 걸 깜빡하고 제출하지 못한 적이 있었어요. 당시에 많은 과목들을 수강하고 있어서 어떤 과제가 있는지 파악하기 힘들었어요.
+
+과제를 확인하기 위해 사이버캠퍼스(LMS)의 각 과목 페이지에 하나하나 들어가야 했는데, 이 과정이 너무 번거로웠어요.
+
+그래서 **보다 간편하게 과제를 확인할 수 있는** `Gachon Tools`를 개발하게 되었어요! 
+
+<br />
+
+## 📝 주요 기능
+
+- 강의별 과제 확인
+- 과제 제출 여부 및 마감일 확인
+- 다크모드 지원
+
+<br />
+
+## 📄 사용법
+
+1. [크롬 웹 스토어](https://chrome.google.com/webstore/detail/gachon-tools-%EC%82%AC%EC%9D%B4%EB%B2%84%EC%BA%A0%ED%8D%BC%EC%8A%A4-%ED%99%95%EC%9E%A5%ED%94%84%EB%A1%9C%EA%B7%B8/ogldncimhepjdfadhjjhkchknloncnmg?hl=ko&authuser=0) 또는 [웨일 스토어](https://store.whale.naver.com/detail/llkelalglcmepcndnnadfnhcbejfdnkc)에서 Gachon Tools 다운로드
+2. 가천대학교 사이버캠퍼스 접속
+3. 중앙 하단의 파란 동그라미 버튼을 클릭
+
+<br />
+
+## 🙋‍♂️ FAQ
+
+### Q. 과제를 제출했는데 바로 반영되지 않습니다.
+
+**20분**을 기준으로 과제 현황을 업데이트하고 있어요. 추후에 이 시간을 유저가 조정할 수 있도록 할 예정이에요.
+
+<br />
+
+### Q. 팀 프로젝트 과제의 경우, 다른 팀원이 제출해도 제출 여부가 반영되지 않습니다.
+
+맞아요🥲
+
+`강의 페이지 > 학습활동 > 과제 페이지`의 과제 정보를 가져오고 있어요. 하지만 여기에서는 팀 프로젝트 과제 제출 여부가 제대로 표시되지 않는 문제가 있어요. 
+
+이 문제는 **수동으로 제출 여부를 변경**하거나 **해당 과제의 상세 페이지로 이동하여 확인**하는 등의 방법으로 해결할 예정이에요.
+
+<br />
+
+### Q. 퀴즈 과제가 보이지 않습니다.
+
+**일반 과제**와 **동영상 과제** 만을 지원하고 있어요. 퀴즈 과제는 추후 업데이트할 예정이에요.
+
+<br />
+
+### Q. MOOC 강의의 과제가 보이지 않습니다.
+
+MOOC 강의의 경우, 교과목 강의와 약간 다른 부분이 있어 현재는 **교과목 과제**만 지원하고 있어요.
+
+<br />
+
+## 📞 문의
+
+> [노션](https://kangju2000.notion.site/Gachon-Tools-f01d077db229434abfce605c2d26f682?pvs=4) 페이지에서 더 자세한 정보를 확인할 수 있어요.
+
+만약 사용하면서 문제가 발생하거나, 개선점이 있다면 언제든지 문의해주세요! 🙋‍♂️
+
+##### [📧 [email protected]](mailto:[email protected])
+
+##### [📱 카카오톡 1:1 오픈채팅](https://open.kakao.com/o/sU8GUmPf)
+
+##### [📝 피드백 구글 폼](https://forms.gle/1aVSbBfwbzw9753b7)
+
+
+## 🛠️ 기술 스택
+
+<img src="https://github.com/kangju2000/gachon-extension/assets/23312485/b36177ee-6105-4d3a-9281-3ea72b964002" alt="tech_stack" width="40%" />