2022 경북대학교 디자인학과 졸업전시

홈페이지 바로가기

Preview

Main page

Identity page

Archive page

Portfolio page

Skills

FE

• Typescript
• Next.js
• Styled-components

Utils

• next-videos
• react-device-detect
• classnames

Infra

• vercel
• next-seo
• next-sitemap
• nextjs-google-analytics

Project Control

• Version Control: Git, Github
• Task Control: Git Projects

Project Structure

파일 구조 열기

├── .next
├── pages
│   ├── archive
│   │   └── index.tsx
│   ├── identity
│   │   └── index.tsx
│   ├── portfolio
│   │   └── [id].tsx
│   ├── server-sitemap.xml
│   │   └── index.tsx
│   ├── teams
│   │   └── index.tsx
│   ├── thanksto
│   │   └── index.tsx
│   ├── _app.tsx
│   ├── _document.tsx
│   └── index.tsx
├── public
├── src
│   ├── components
│   │   ├── common
│   │   │   ├── footer
│   │   │   │    ├──FooterMobile
│   │   │   │    │     ├──index.tsx
│   │   │   │    │     └── styled.ts
│   │   │   │    └── FooterPC
│   │   │   │          ├── index.tsx
│   │   │   │          └── styled.ts
│   │   │   ├── header
│   │   │   │    └──HeaderMobile
│   │   │   │          ├── index.tsx
│   │   │   │          └── styled.ts
│   │   │   ├── ItemFrame
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   ├── SideBar
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   ├── styled
│   │   │   │    ├── elements.ts
│   │   │   │    └── layout.ts
│   │   │   └──Video
│   │   │        └── index.tsx
│   │   ├── pages
│   │   │   ├── ArchivePage
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   ├── IdentityPage
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   ├── MainPage
│   │   │   │    ├── components
│   │   │   │    │      ├── AnimationBar
│   │   │   │    │      │    ├── index.tsx
│   │   │   │    │      │    └── styled.ts
│   │   │   │    │      ├── MainIcon
│   │   │   │    │      │    └── index.tsx
│   │   │   │    │      ├── Nav
│   │   │   │    │      │    ├── index.tsx
│   │   │   │    │      │    └── styled.ts
│   │   │   │    │      └── Works
│   │   │   │    │           ├── index.tsx
│   │   │   │    │           └── styled.ts
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   ├── PortfolioPage
│   │   │   │    └── index.tsx
│   │   │   ├── TeamsPage
│   │   │   │    ├── constants.ts
│   │   │   │    ├── index.tsx
│   │   │   │    └── styled.ts
│   │   │   └── ThanksToPage
│   │   │        ├── constants.ts
│   │   │        ├── index.tsx
│   │   │        └── styled.ts
│   │   └── templates
│   │       ├── DefaultLayoutMobile
│   │       │    ├── index.tsx
│   │       │    └── styled.ts
│   │       ├── DefaultLayoutPC
│   │       │    ├── index.tsx
│   │       │    └── styled.ts
│   │       └── PortfolioLayout
│   │            ├── components
│   │            │      ├── Content
│   │            │      │    ├── index.tsx
│   │            │      │    └── styled.ts
│   │            │      └── Profile
│   │            │           ├── index.tsx
│   │            │           └── styled.ts
│   │            ├── index.tsx
│   │            └── styled.ts
│   ├── constants
│   │   ├── AppPaths.ts
│   │   ├── portfolioData.ts
│   │   └── producer.ts
│   ├── theme
│   │   └── GlobalStyle.tsx
│   └──  utils
│        ├── drawFunctions.ts
│        ├── imageLoader.ts
│        ├── throttleByAnimationFrame.ts
│        ├── useMobileDetect.ts
│        ├── useMount.ts
│        └── useOutAreaClick.ts
├── .env
├── .eslintrc.json
├── .gitignore
├── .prettierrc.json
├── next-sitemap.config.js
├── next.config.js
├── package.json
├── README.md
├── tsconfig.json
└── yarn.lock

Contributors

Name	GitHub	Email
강종연	Climier-code	[email protected]
최윤석	Yoonlang	[email protected]

Blog

도전 과제 및 후기에 대해 여기에 작성했습니다.