Ucluverse

아주대학교 파란학기 2022-1학기에 참여한 '유클러버스' 프로젝트입니다.

비대면 소학회 및 동아리 간접경험과 홍보/신청이란 도전과제를 수행하였습니다.

Introduce • Develop Rule • Design • Activity

Introduce

유클러버스

University + Club + Metaverse의 합성어로, 아주대학교 만의 동아리 메타버스 플랫폼을 만들고자 하는 의미입니다.

목표

팬데믹으로 인한 비대면의 불편함 해소
원활한 동아리 활동관리와 홍보, 소통
지속 가능한 웹 서비스 출시

Develop Rule

개발 규칙은 Notion을 통해 공유하였습니다.

ERD

https://www.erdcloud.com/d/pXEBnx4v7cvodhYfG

개발 규칙

내용

Git

브랜치 규칙

main : 배포할 브랜치
dev: 개발 진행 브랜치
feat : 각 기능별 브랜치
bugfix: 버그 수정 브랜치
refactor : 리팩토링 브랜치

ex) Feat/{이슈 번호} → Feat/#1200

이슈 규칙

ex)

제목 : Feat : 헤더 생성

내용 : - [ ] 아이콘 생성

커밋 규칙

ex) Feat : 헤더 마이메뉴 추가

네이밍 규칙

[ constant : SNAKE_CASE (with Capital Letter) ]

export const SUCCESS_MESSAGE = '성공!' ✅

export const successMessage ='성공!' ❌

[ variable : camelCase ]

const inputVariable ✅

const InputVariable ❌

[ function : camelCase ]

const handleClick = () => {} ✅

const handle_click = () => {} ❌

[ component : PascalCase ]

const FunctionalComponent = ({...props}) => {} ✅

const functionalComponent = ({...props}) => {} ❌

폴더 구조

client

- src
  |-- Assets
  |-- hooks
  |-- constants
  |-- components
  |     |-- Header
  |           |-- ClubHeader.tsx
  |           |-- style.ts
  |-- recoil
  |-- Types
  |-- Util
  |-- libs
  |-- styles
  |     |-- Global.ts
  |     |-- theme.ts
  |-- pages
        |
        |- Club
              |
              |-- Club.tsx
              |-- style.ts

server

- src
  |-- auth
  |-- awards
  |-- clubs
  |-- colleges
  |-- comments
  |-- commons
  |-- config
  |-- departments
  |-- forms
  |-- likes
  |-- notifications
  |-- posters
  |-- postings
  |-- users
  |     |-- controller.tsx
  |     |-- service.tsx
  |     |-- dto.tsx
  |     |-- entity.tsx

Design

스타일 가이드

Notion을 이용하여 디자인에 관한 전반적인 규칙을 정하고 공유하였습니다.

홈페이지 시안

Adobe XD를 이용하여 홈페이지 디자인 시안을 작업했습니다.
Figma, Sketch 등 다른 시안 툴보다는 Adobe 호환성을 우선적으로 고려하였습니다.

모션그래픽/애니메이션

Adobe After Effects를 이용하여 영상 및 홈페이지에 들어가는 모션을 디자인하였습니다.
특히, 홈페이지에 적용시킬 땐 Lottie를 활용하였습니다.

Activity

소셜 미디어 활동

인스타그램 계정을 활성화하여 아주대학교 동아리 플랫폼 홍보를 집중하였습니다.

홍보 포스터 제작

홈페이지 홍보를 위한 포스터를 제작하였습니다.

굿즈 제작

'유클러버스' 브랜딩 마케팅 을 위해 캐릭터 및 굿즈를 제작하였습니다.

wisesaturn / ucluverse Goto Github PK

ucluverse's Introduction