🏫 KNU Graduation Guidance

강남대학교(Kangnam University) 졸업 여건을 미리 확인할 수 있도록 도움을 주는 홈페이지 입니다.

강남대학교 소프트웨어학과 웹개발응용 자율프로젝트

개발기간 : 2023.11.13 ~ 12.08

---

🤝 Member

김영록	이건이	차승준
@rogi-rogi	@geoni-ara	@seungjuncha
기획, 개발	데이터수집, 개발	디자인

---

👋 Intro

친구들에게 무엇이 필요한지 고민했습니다.

대학교를 다니며 누구나 졸업 조건이 맞는지 확인하거나, 수강 신청을 위해 앞으로 들을 과목들을 미리 생각해본 경험이 있습니다.

다른 사람들은 어떤 수업을 듣는지, 전공 수업을 앞으로 얼만큼 들어야 하나 궁금하기도 합니다.

그래서 준비했습니다!

---

🔢 학점 계산 시뮬레이션 : "졸업 조건을 모르면 초과 학기?"

입학학번, 전공에 따라 졸업에 필요한 학점이 다릅니다.

이를 위해 종합정보시스템과, i로드맵이 있습니다.

하지만 전공변경시 인정되는 학점과 필요한 학점을 미리 계산하거나, i-로드맵의 상시 이용이 불가능합니다.

졸업 조건 미충족시 초과학기를 통해 졸업이 가능합니다. 초과학기는 한국장학재단에서의 국가장학금 지원이 불가능하기에 꼭 졸업조건을 확인해야 합니다.

위와 같은 고민을 해결하기 위해 자신의 학점과 이수/희망 수업목록을 입력해 앞으로의 전공 선택과 수업선택에 도움을 받을 수 있습니다.

지금까지 듣고싶은 수업, 남는 수업을 들으셨나요? 이제는 졸업 조건을 살펴보며 학점을 계산할 시간 입니다.

how use?

1. 입학연도 선택
2. 소속 선택
3. 학부 선택
4. 학과 선택

심화전공 및 추가전공 선택 옵션

5. 소속 선택

6. 학부 선택

7. 학과 선택

8. 적용 클릭 후 취득란에 학점 입력

9. 하단의 로드맵에서 학기별로 과목선택

10. 선택한 과목으로 설정한 로드맵 공유하기

---

👆 i로드맵 게시판 : "너는 어떤 수업 들을꺼야?"

다른 사람은 i로드맵을 어떻게 작성했을까? 선행과목은 무엇일까? 라는 고민을 해결하기 위해 게시판에 익명으로 자신의 i로드맵을 올려 정보를 공유하기 위한 게시판 입니다.

how use?

1. 게시판 글쓰기
2. "학점계산"페이지에서 로드맵 수립 후 공유하기

---

그 외의 추가기능..!

개발 예정...

---

📚 Stack

💻 PL

🌐 Frontend

📦 Backend

🎨 UI/UX

⚙️ Enviroment

---

🛤️ Guide

init

npm install -g yarn

git Clone

git clone https://github.com/rogi-rogi/KNU_Graduation_Guidance.git

cd KNU_Graduation_Guidance

Frontend

yarn

yarn start

Backend

npx json-server --host 0.0.0.0 --port 3001 ./database.json

---

🗂️ Directory

📦KNU_Graduation_Guidance
 ┣ 📂node_modules
 ┣ 📂public
 ┃ ┣ 📜index.html
 ┃ ┗ 📜robots.txt
 ┣ 📂src
 ┃ ┣ 📂assets
 ┃ ┃ ┣ 📂images
 ┃ ┃ ┃ ┣ 📜example1.png
 ┃ ┃ ┃ ┣ 📜example2.png
 ┃ ┃ ┃ ┗ 📜KNU_MAIN.jpg
 ┃ ┃ ┗ 📂temp
 ┃ ┃ ┃ ┣ 📂개설과목
 ┃ ┃ ┃ ┣ 📜졸업이수학점(변경)_2017-2020학년도.pdf
 ┃ ┃ ┃ ┣ 📜졸업이수학점(변경)_2021학년도 이후(2023).pdf
 ┃ ┃ ┃ ┗ 📜학과 분류 조사.xlsx
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂board
 ┃ ┃ ┃ ┣ 📜board.scss
 ┃ ┃ ┃ ┣ 📜BordListPage.js
 ┃ ┃ ┃ ┣ 📜ReadPage.js
 ┃ ┃ ┃ ┗ 📜WritePage.js
 ┃ ┃ ┣ 📂calc-credit
 ┃ ┃ ┃ ┣ 📂calc-filter
 ┃ ┃ ┃ ┃ ┣ 📜CalcFilter.js
 ┃ ┃ ┃ ┃ ┗ 📜GroupList.js
 ┃ ┃ ┃ ┣ 📂calc-table
 ┃ ┃ ┃ ┃ ┣ 📜CalcTable.js
 ┃ ┃ ┃ ┃ ┣ 📜CalcTableHeader.js
 ┃ ┃ ┃ ┃ ┗ 📜CalcTableRow.js
 ┃ ┃ ┃ ┣ 📂load-map
 ┃ ┃ ┃ ┃ ┣ 📜CalcGraph.js
 ┃ ┃ ┃ ┃ ┣ 📜LoadMapOptionBar.js
 ┃ ┃ ┃ ┃ ┗ 📜LoadMapWrapper.js
 ┃ ┃ ┃ ┣ 📜calc.scss
 ┃ ┃ ┃ ┗ 📜CalcSlide.js
 ┃ ┃ ┣ 📂intro
 ┃ ┃ ┃ ┣ 📜BulletinSlide.js
 ┃ ┃ ┃ ┣ 📜DevSlide.js
 ┃ ┃ ┃ ┣ 📜intro.scss
 ┃ ┃ ┃ ┣ 📜IntroCalcSlide.js
 ┃ ┃ ┃ ┣ 📜IntroCard.js
 ┃ ┃ ┃ ┣ 📜IntroCradWrapper.js
 ┃ ┃ ┃ ┣ 📜IntroHeader.js
 ┃ ┃ ┃ ┣ 📜IntroSlideWrapper.js
 ┃ ┃ ┃ ┗ 📜LoadPage.js
 ┃ ┃ ┗ 📂menu-bar
 ┃ ┃ ┃ ┣ 📜MenuBar.js
 ┃ ┃ ┃ ┣ 📜MenuBar.scss
 ┃ ┃ ┃ ┗ 📜MenuBtn.js
 ┃ ┣ 📂contexts
 ┃ ┃ ┣ 📜CreditContext.js
 ┃ ┃ ┣ 📜GroupContext.js
 ┃ ┃ ┗ 📜SubjectContext.js
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📜BoardPage.js
 ┃ ┃ ┣ 📜CalcPage.js
 ┃ ┃ ┣ 📜Home.js
 ┃ ┃ ┣ 📜IntroPage.js
 ┃ ┃ ┣ 📜Page.scss
 ┃ ┃ ┗ 📜TestPage.js
 ┃ ┣ 📜App.js
 ┃ ┣ 📜global.scss
 ┃ ┣ 📜index.css
 ┃ ┗ 📜index.js
 ┣ 📜.gitignore
 ┣ 📜database.json
 ┣ 📜package.json
 ┣ 📜README.md
 ┗ 📜yarn.lock