컨텐츠로 건너뛰기

플랜 모드

플랜 모드는 Opencode의 강력한 기능으로, 복잡한 작업을 실행 가능한 단계로 분해하고 구현 계획을 작성하는 데 도움이 됩니다.

플랜 모드로 전환

플랜 모드로 전환하려면 Opencode 인터페이스에서 Tab 키를 누르기만 하면 됩니다. 이렇게 하면 일반 채팅 모드와 플랜 모드 사이를 전환할 수 있습니다.

키보드 단축키

  • Tab 키: 채팅 모드와 플랜 모드 사이를 전환
  • Esc 키: 플랜 모드를 종료하고 채팅 모드로 돌아가기

구현 계획 작성

플랜 모드에서 다음 단계를 따라 포괄적인 구현 계획을 작성하세요:

  1. 작업 설명: 달성하려는 목표를 명확히 설명합니다
  2. 생성된 계획 검토: Opencode가 자동으로 단계별 계획을 생성합니다
  3. 계획 개선: 필요에 따라 단계를 추가, 제거 또는 수정합니다
  4. 계획 실행: 계획에 따라 작업을 완료합니다

예제 워크플로우

단계 1: 플랜 모드 활성화

Tab 키를 눌러 플랜 모드로 전환합니다. 계획을 위한 전용 인터페이스가 표시됩니다.

단계 2: 작업 설명

React 애플리케이션에 사용자 인증 시스템을 구현해야 합니다

단계 3: 생성된 계획 검토

Opencode는 다음과 같은 계획을 생성합니다:

  1. 인증 상태 관리 설정
  2. 로그인 및 등록 양식 만들기
  3. 인증을 위한 API 엔드포인트 구현
  4. JWT 토큰 처리 추가
  5. 보호된 라우트 설정
  6. 비밀번호 재설정 기능 추가
  7. 인증 흐름 테스트

단계 4: 계획 개선

특정 요구사항에 맞게 계획을 수정할 수 있습니다:

1. Redux Toolkit으로 인증 상태 관리 설정
2. 양식 유효성 검사가 포함된 로그인 및 등록 양식 만들기
3. Express를 사용하여 인증을 위한 API 엔드포인트 구현
4. 안전한 저장소가 포함된 JWT 토큰 처리 추가
5. React Router로 보호된 라우트 설정
6. 이메일 확인이 포함된 비밀번호 재설정 기능 추가
7. Cypress로 인증 흐름 테스트

단계 5: 계획 실행

인증 시스템을 구현하기 위해 각 단계를 따르세요. 특정 단계에 대한 도움이 필요하면 Opencode에 문의할 수 있습니다.

플랜 모드의 이점

1. 구조화된 접근 방식

플랜 모드는 복잡한 작업을 관리하기 쉬운 단계로 분해하는 데 도움이 되어 대규모 프로젝트를 쉽게 다룰 수 있도록 합니다.

2. 향상된 조직화

시각적 계획 인터페이스를 통해 작업이 정리된 상태를 유지하고 진행 상황을 추적하는 데 도움이 됩니다.

3. 개선된 의사소통

계획은 특히 팀원과 협력할 때 명확한 의사소통 도구로 작용합니다.

4. 시간 절약

사전 계획을 통해 오류와 재작업을 피할 수 있어 장기적으로 시간을 절약할 수 있습니다.

5. 집중된 실행

명확한 계획이 있으면 한 번에 한 작업에 집중할 수 있어 생산성이 향상됩니다.

예제 대화

사용자 입력

웹사이트에 반응형 내비게이션 바를 만들어야 합니다

Opencode의 계획

  1. 현재 웹사이트 구조 분석
  2. 내비게이션 바 레이아웃 설계
  3. 미디어 쿼리를 사용하여 반응형 디자인 구현
  4. 인터랙티브 요소 추가(호버 효과, 드롭다운 메뉴)
  5. 다양한 기기와 브라우저에서 테스트
  6. 성능 최적화

사용자 개선

1. 현재 웹사이트 구조 분석 및 내비게이션 요구사항 식별
2. 모바일 우선 접근 방식으로 내비게이션 바 레이아웃 설계
3. Tailwind CSS를 사용하여 반응형 디자인 구현
4. 인터랙티브 요소 추가(호버 효과, 드롭다운 메뉴, 부드러운 스크롤)
5. BrowserStack을 사용하여 다양한 기기와 브라우저에서 테스트
6. 느린 로딩으로 성능 최적화
7. 접근성 기능 추가

Opencode의 응답

훌륭한 계획입니다! 단계 1부터 시작하겠습니다. 올바르게 분석할 수 있도록 현재 웹사이트 구조를 공유해 주시겠어요?

비디오 데모

플랜 모드 데모
비디오: Opencode에서 플랜 모드 사용 방법

모범 사례

  • 구체적이기: 작업에 대한 명확하고 자세한 설명 제공
  • 분해하기: 대규모 작업을 더 작고 관리하기 쉬운 단계로 분할
  • 우선 순위 지정: 가장 중요한 단계부터 시작
  • 유연성 유지: 새로운 정보에 따라 필요에 따라 계획 조정
  • 정기적으로 검토: 진행 상황을 확인하고 필요에 따라 조정

결론

플랜 모드는 복잡한 코딩 작업을 수행하는 사람들에게 귀중한 도구입니다. 구조화된 작업 관리 접근 방식을 제공하여 조직화되고 집중력 있게 효율적으로 유지하는 데 도움이 됩니다. 작은 기능이든 대규모 프로젝트이든 플랜 모드는 목표를 보다 효과적으로 달성하는 데 도움이 됩니다.

언제든지 Tab 키를 사용하여 채팅 모드와 플랜 모드 사이를 전환할 수 있어 브레인스토밍과 실행 사이를 원활하게 전환할 수 있다는 점을 기억하세요.