커뮤니T Urls

2024.10 - 2024.12

View on GitHub

커뮤니T

Overview

desub은 디자이너와 기업을 연결하는 혁신적인 월 구독 서비스입니다. 기업은 매월 일정 금액을 지불하고, 필요한 디자인 작업을 요청할 수 있습니다. 이를 통해 기업은 안정적인 디자인 리소스를 확보하고, 디자이너는 지속적인 수입을 얻을 수 있습니다.

Project Images

커뮤니T screenshot 1

My Tasks

  • 월 구독 기반의 디자인 서비스 플랫폼
  • 기업과 디자이너 매칭 시스템
  • 실시간 프로젝트 진행 상황 추적
  • 포트폴리오 관리 및 전시

Technologies Used

ReactTypeScriptTailwindCSSReduxAxios

Code Highlight

const SubscriptionPlan = ({ plan, onSelect }) => {
  return (
    <div className="p-6 border rounded-lg shadow-lg">
      <h3 className="text-xl font-bold">{plan.name}</h3>
      <p className="mt-2 text-gray-600">{plan.description}</p>
      <button
        onClick={() => onSelect(plan)}
        className="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
      >
        Select Plan
      </button>
    </div>
  );
};

react-syntax-highlighter를 사용해서 코드를 넣을 수 있습니다.

Challenges & Solutions

Challenge: 트러블1

트러블1 해결방안

Challenge: 트러블2

트러블2 해결방안

Key Learnings

  • 대규모 상태 관리를 위한 Redux 아키텍처 설계 및 최적화
  • WebSocket을 이용한 실시간 기능 구현
  • 복잡한 비즈니스 로직을 처리하기 위한 커스텀 훅 설계
  • Framer Motion을 활용한 고급 애니메이션 구현