Share
Sign In
Product Engineer Camp 커리큘럼
기업이 원하는 것은 포트폴리오가 아닌, 실제 문제를 해결한 경험입니다
캠프를 통해, 실제 문제를 해결하는 Product 를 완성하세요
8주 동안 함께 배울 것들
💬
1주차 문제 정의
사용자의 관점을 이해하고 문제를 명확히 정의합니다.
🗃️
2주차 Information flow
서비스의 전반적인 흐름을 이해하고, 사용자의 패턴을 파악합니다.
💡
3주차 서비스 구체화
실제 서비스를 개발하기 위해 필요한 정보들을 구체화합니다.
✍️
4주차 컴포넌트 및 상태 설계
구체화한 개념들을 활용하여 변화에 대응이 쉽도록 설계합니다.
🤖
5-6주차 AI 와 협업(Cursor)
좋은 설계를 기반으로, AI 와 효율적으로 협업하는 방법을 배웁니다.
🧑💻
7-8주차 컴포넌트 및 상태 구현
AI 와 협업하며 컴포넌트와 상태 관리를 구현합니다.
주차별 과제 & 주제 상세 설명
1주차 💬 문제 정의
직접 사용자와 대화하며 문제를 정의합니다.
•
Empathize: 사용자의 필요와 문제, 목표, 행동, 생각, 감정 등을 파악하려고 노력합니다. 이를 위해 사용자 인터뷰를 합니다. 사용자의 실제 경험과 문제를 사용자 인터뷰를 통해 깊이 이해하는, 나아가 사용자의 관점에서 문제를 바라보는 연습을 합니다. 사용자 인터뷰 질문지 작성 요령을 배웁니다.
•
Define: 사용자 인터뷰 결과를 바탕으로 페르소나를 작성합니다. 이 과정을 통해 문제를 명확히 정의합니다.
과제
사용자 인터뷰
사용자 인터뷰 질문지 작성법을 토대로, 질문지를 완성합니다. 3명의 사용자를 인터뷰 진행합니다.
사용자 인터뷰 질문지 작성법을 토대로, 질문지를 완성합니다. 3명의 사용자를 인터뷰 진행합니다.
Persona
사용자 인터뷰 내용을 기반으로 framework 를 활용하여 Persona 를 구체화 합니다.
사용자 인터뷰 내용을 기반으로 framework 를 활용하여 Persona 를 구체화 합니다.
2주차 🗃️ Information flow
추상화: 핵심적인 서비스 관련 정보의 흐름과, 이에 따른 사용자의 패턴을 파악합니다.
•
추상화: 1주차에서 정의한 문제를 해결하기 위해, 서비스 안에서 Information 이 어떻게 flow 해야 할지, 즉 서비스가 어떻게 동작해야 할지 계획합니다. 이는 사용자에게 필요한 정보를 사용자가 더욱 쉽게 관리할 수 있도록 추상화 하는 과정입니다. 이 과정에서는 서비스의 전체적인 흐름을 설계합니다.
과제
Service Flow
서비스의 전체적인 흐름을 이해하고 시각화합니다. 서비스가 어떻게 작동하는지를 나타냅니다.
서비스의 전체적인 흐름을 이해하고 시각화합니다. 서비스가 어떻게 작동하는지를 나타냅니다.
Information Mind Map
서비스의 정보 구조를 시각화하는 도구입니다. 이를 통해 서비스의 다양한 정보와 관계를 파악합니다.
서비스의 정보 구조를 시각화하는 도구입니다. 이를 통해 서비스의 다양한 정보와 관계를 파악합니다.
User Workflow
사용자가 목표를 달성하기 위한 단계를 나타냅니다. 사용자의 행동 패턴을 이해할 수 있습니다.
사용자가 목표를 달성하기 위한 단계를 나타냅니다. 사용자의 행동 패턴을 이해할 수 있습니다.
3주차 💡 서비스 구체화
실제 서비스를 구현하기 위해 필요한 정보들을 구체화합니다.
•
구체화: 단순한 데이터가 아닌 의미와 맥락을 가진 정보들을 결합하여 만든 결과물에 대해서, 실제 해결책으로 구현하는 과정입니다.
과제
Service Process
서비스 프로세스는 서비스가 어떻게 제공되는지를 단계별로 설명합니다. 이를 통해 서비스 작동 방식을 이해하고, 서비스 과정에서 발생할 수 있는 문제를 파악합니다.
서비스 프로세스는 서비스가 어떻게 제공되는지를 단계별로 설명합니다. 이를 통해 서비스 작동 방식을 이해하고, 서비스 과정에서 발생할 수 있는 문제를 파악합니다.
Menu
메뉴는 서비스의 주요 기능을 나열합니다. 이를 통해 서비스의 구조를 이해하고, 사용자가 필요한 정보나 기능을 쉽게 찾을 수 있도록 돕습니다.
메뉴는 서비스의 주요 기능을 나열합니다. 이를 통해 서비스의 구조를 이해하고, 사용자가 필요한 정보나 기능을 쉽게 찾을 수 있도록 돕습니다.
Site Map
사이트 맵은 웹사이트의 전체 페이지 구조를 나타냅니다. 이를 통해 페이지 간의 관계를 이해하고, 사용자가 웹사이트를 탐색하는 방법을 설계합니다.
사이트 맵은 웹사이트의 전체 페이지 구조를 나타냅니다. 이를 통해 페이지 간의 관계를 이해하고, 사용자가 웹사이트를 탐색하는 방법을 설계합니다.
4주차 ✍️ 컴포넌트 및 상태 설계(F.S.D)
구체화한 정보와 개념을 활용하여 리액트 컴포넌트와 상태를 설계합니다.(F.S.D 적용)
•
컴포넌트 설계
◦
컴포넌트 계층 구조 설계: 서비스 플로우, 사이트 맵, 페이지 플로우를 토대로, 기능 중심으로 컴포넌트 계층 구조를 설계합니다. (UX framework 결과물이 F.S.D 와 어떻게 연관되는지 학습합니다.)
•
상태 설계
◦
상태 변화 이해: Information Mind Map을 통해 어떤 정보가 사용자에게 필요한지, 어떤 정보가 상호작용에 의해 변화하는지 등을 파악할 수 있습니다. 이를 통해 어떤 상태를 관리해야 하는지를 이해할 수 있습니다.
과제
•
컴포넌트 및 상태 설계: 컴포넌트와 상태에 관해 정규 세션을 통해 학습한 기준을 토대로 설계합니다. 레포지토리 생성 후, 결과물을 기반으로 폴더 구조를 완성 합니다.
5-6주차 🤖 AI 와 협업(Cursor 활용)
기획 기반 설계를 바탕으로, AI 와 효율적으로 협업하는 방법을 배웁니다.
•
효율적인 AI 협업 방식: AI 를 어떻게 대해야 하는지에 대해 기준을 세웁니다. 이 기준을 바탕으로 AI 와 효율적으로 협업하기 위해 필요한 배경 지식을 학습합니다.
•
AI 에디터 고급 기능 활용: 반복되는 작업 명령을 rule 파일 등으로 작성하며 효과적인 프롬프트를 작성하는 방법을 학습합니다. 또한 이를 활용하여 효율적으로 AI 와 협업하기 위해 필요한, 근본적인 능력이 무엇인지 함께 정의합니다.
과제
•
AI 협업으로 내가 맡은 기능 구현: AI 를 활용하여 구현하는 연습을 합니다. 이를 통해 목표로 정한 서비스의 기능을 효율적으로 구현 합니다.
7-8주차 🧑💻 컴포넌트 및 상태 구현
컴포넌트와 상태 관리를 구현합니다.
•
확장 가능한 구조에서 컴포넌트 구현:
•
상태 구현: Information Mind Map을 바탕으로 어떤 상태를 관리해야 하는지 식별하고, 이를 반영한 상태 관리 전략을 설계하세요. 사용자의 행동과 그에 따른 정보의 변화를 고려하여 상태 변화를 설계하고, 이를 반영한 상태 관리 로직을 구현하세요.
과제
•
컴포넌트 및 상태 구현: 생성한 레포지토리에 코드를 구현합니다. 코드 리뷰를 주고 받으며 구현한 코드를 개선합니다. 동시에 설계를 보완해야 할 부분을 발견한다면, 보완하며 구현을 이어갑니다.
© PEC