Type5cript

프로젝트 소개

하츄핑

티니핑 월드는 귀여운 티니핑 캐릭터를 테마로 한 웹 개발 프로젝트입니다.
사용자들에게 즐거운 경험을 제공하기 위해 4가지 미니게임을 개발했습니다.
이 프로젝트는 Typescript를 활용하여 개발되었으며,
사용자 친화적인 인터페이스와 귀여운 디자인을 통해 모든 연령대가 즐길 수 있는 웹 게임 플랫폼을 목표로 합니다.
티니핑 월드에서는 다양한 미니게임을 통해 재미와 도전을 경험할 수 있으며,
지속적인 업데이트를 통해 더 많은 콘텐츠를 제공할 예정입니다.

미니게임 소개

티니핑 월드에서는 다음과 같은 4가지 미니게임을 즐길 수 있습니다:

티니핑 유형테스트

간단한 질문에 답하면 티니핑이 당신의 성향을 알려주는 게임입니다.
티니핑과 함께 나를 알아가는 재미를 느껴보세요!

티니핑 카드게임

큐브 속에 숨은 티니핑을 추리해 맞히는 게임입니다.
눈을 크게 뜨고, 숨어 있는 티니핑을 찾아보세요!

티니핑 이상형 월드컵

여러 티니핑 중 최애 캐릭터를 골라 토너먼트로 가리는 게임입니다.
가장 마음에 드는 티니핑을 직접 뽑아보세요!

티니핑을 찾아라

큐브 속에 숨은 티니핑을 추리해 맞히는 게임입니다.
눈을 크게 뜨고, 숨어 있는 티니핑을 찾아보세요!

팀원 소개

오서현

Team Leader

티니핑 유형 테스트

김재현

Scrum Master

티니핑 카드게임

김태우

Documentation

티니핑 이상형 월드컵

유시원

Documentation

티니핑을 찾아라

코딩/커밋 컨벤션

프로젝트의 일관성과 품질을 유지하기 위해 다음과 같은 컨벤션을 준수합니다:

  • - HTML/CSS 컨벤션: 클래스명은 kebab-case(예: game-card)를 사용하고, 의미있는 태그와 구조를 유지합니다.
  • - 들여쓰기: 2칸 들여쓰기를 사용하여 코드의 가독성을 높입니다. 주석: 주요 기능과 복잡한 로직에는 명확한 주석을 작성합니다.
  • - 커밋 메시지: "커밋이모지 분류: 메인제목 - 세부사항(생략 가능)" 형식으로 작성합니다. 
      ✅ Add or update tests: Add Test 
  - test.js 테스트 파일 추가
  • - 브랜치 전략: "feature/이슈번호-주제(기능)-이니셜" 형식으로 브랜치를 생성하고 작업합니다. 
    feature/43-teeniepinggame(UI)-000
  • - 코드 리뷰: 모든 Pull Request는 최소 2명 이상의 팀원 리뷰를 받아야 합니다.

팀 규칙

프로젝트의 일관성과 품질을 유지하기 위해 다음과 같은 컨벤션을 준수합니다:

  • - 데일리 스크럼: 매일 오전 9시에 데일리 스크럼을 진행합니다.
  • - 작업 할당: 작업 시작 전 이슈를 생성하고 담당자를 지정합니다.
  • - 마감일 준수: 할당된 작업은 기한 내 완료하고, 어려움이 있을 경우 미리 공유합니다. 지각, 조퇴, 결석은 미리 공유합니다.
  • - 소통 채널: 디스코드 음성 채널 및 텍스트 채널을 통해 소통합니다. 진행 상황은 수시로 공유합니다.
  • - 피드백: 건설적인 피드백을 주고받으며 서로 존중하는 문화를 유지합니다.
  • - 문서화: 주요 결정사항과 변경사항은 문서로 기록하여 공유합니다.

회고

오서현 🩷지금까지 같이 작업한 5팀 분들 너무 수고 많으셨습니다~!!🩷
하기 전에는 타입스크립트 쓰는 게 익숙하지 않고, 어렵다고 느껴졌었는데
프로젝트에 들어가니까 점점 익숙해지면서 사용할 수 있게 되었다!!
2주 동안 진짜 바쁘고 빡세게 하긴 했지만, 너무 뿌듯한 프로젝트였다. 💛
김재현 간단한 카드 게임이지만 직접 구현하며 생각보다 많은 요소들을 고민하게 됐습니다.
카드 셔플, 매칭 로직, 타이머 등 게임의 흐름을 직접 제어하면서 기능을 어떻게 나누고,
상태를 어떻게 관리할지에 대해 많이 배웠습니다.
개발뿐 아니라 커뮤니케이션과 협업의 중요성도 많이 느낀 프로젝트였습니다.
김태우 좋은 조원분들과 시간 가는 줄 모르고 즐겁게 프로젝트를 할 수 있었습니다.
프로젝트 진행하면서 많은 것을 느끼고 배울 수 있었고, 지금 했던 경험들이 앞으로도 큰 도움이 될 거 같습니다.
특히 티니핑들과 친해질 수 있어서 더 좋았습니다~!

다들 수고했다핑~~👏👏👏 앞으로도 화이핑~~!💪💪💪
유시원 자바스크립트를 어떻게 적용해야 하는지 감이 잘 안 왔는데, 이번 프로젝트를 하며 많이 친해졌다(?).
게임 로직을 구현하는 과정에서 비동기 흐름 처리, DOM 렌더링 지연 문제 등 배운게 많았다.
특히, 우리 팀원들이 모두 열심히 해주셔서 큰 문제 없이 잘 마무리했다.

💜 5팀 너무 수고 많았고 감사했습니다! 앞으로도 화이팅 💜