khj0426/skhu-clock-front

SKHU-CLOCK-FRONT

📌 프로젝트 소개

성공회대학교 재학생이 자주 이용하는 사이트를 모아놓은 사이트입니다.

📚 프로젝트 목적

학교 홈페이지, 종합정보 시스템, LMS 등 학교에서 사용하는 많은 사이트들을 한 곳에 모아놓고, 학생들이 편하게 이용할 수 있도록 제작하였습니다.

📚 프로젝트 기간

📚 프로젝트 기술 스택

📚 프로젝트 구조

public
├── images      // 이미지 파일들이 있는 폴더

src
├── components  // 컴포넌트들이 있는 폴더
    ├── Common          // 스켈레톤, List 컴포넌트
    ├── constants       
        ├── links.ts            // 사이트 링크 데이터
        └── page.ts             // 컴포넌트 데이터를 담은 객체

    ├── CurTime         // 현재 시간을 보여주는 컴포넌트
    ├── Linkpage        // 사이트 링크 컴포넌트
    ├── NoticeList      // 학사공지 컴포넌트
    ├── SubWayList      // 지하철데이터 컴포넌트
    ├── Weather         // 날씨데이터 컴포넌트
    ├── Restaurant      // 주변 식당 컴포넌트
    ├── Calender        // 학사일정 컴포넌트
    ├── BaseItem.tsx    // 폴더를 입력받아 뿌려주는 컴포넌트
    └── Baselink.tsx    // 링크 컴포넌트

├── hooks       // API를 받아오는 훅을 모은 폴더

├── pages       // 유저들에게 보여주는 페이지 폴더
    ├── api             // 폴더를 입력받아 뿌려주는 컴포넌트
        ├── KaKaoMap            // 카카오맵 API
        ├── notice              // 학사공지 API
        ├── schedule            // 학사일정 API
        ├── subway              // 지하철 API
        └── weather             // 날씨 API

    ├── _app.tsx        
    ├── _document.tsx   
    └── index.tsx       // 메인 페이지


├── styles      // 글로벌 스타일
    └── index.css       // 스타일
├── types       // API데이터를 받아온 후 타입을 지정해주는 폴더
    └── index.ts        // 타입

└── utils

📚 프로젝트 결과물

1 페이지

2 페이지

3 페이지

📚 프로젝트 팀원

김효중	이진우