inflearn logo
강의

Course

Instructor

Mastering Claude Code: From AI Development Workflow Basics to Real-World Practice

Install Shrimp Task Manager

쉬림프 설치

Resolved

35

hajun92

21 asked

0

# Clone the repository
git clone https://github.com/cjo4m06/mcp-shrimp-task-manager.git
cd mcp-shrimp-task-manager

# Install dependencies
npm install

# Build the project
npm run build

쉬림프 설치할 때 이렇게 3개 다 입력해서 설치하는 이유가 무엇인지 궁금합니다..!

react 인공지능(ai) claude

Answer 2

2

gymcoding

안녕하세요! 🙂

세 명령어가 각각 다른 역할을 하기 때문에 모두 실행해야 해요. 하나씩 설명드릴게요.

git clone https://github.com/... GitHub에 공개된 Shrimp의 소스 코드를 내 컴퓨터로 다운로드하는 명령어입니다. 다운로드가 끝나면 mcp-shrimp-task-manager라는 폴더가 생기고, 그 안에 코드 파일들이 들어 있어요. cd mcp-shrimp-task-manager는 그 폴더 안으로 이동하는 명령어고요.

npm install 다운로드받은 코드가 동작하려면 필요한 외부 라이브러리들이 있는데, 그것들을 자동으로 설치해주는 명령어입니다. 코드 안에 "이 프로그램을 쓰려면 A, B, C 라이브러리가 필요해요"라고 명시되어 있고, npm install이 그 목록을 보고 알아서 받아와 줍니다.

npm run build 설치된 코드를 클로드 코드가 실제로 실행할 수 있는 형태로 변환하는 명령어입니다. Shrimp는 TypeScript라는 언어로 작성되어 있는데, 이걸 그대로 실행할 수는 없어서 JavaScript로 변환하는 과정이 필요해요. 이 명령어가 그 변환 작업을 해줍니다.

정리하면 소스 코드 다운로드 → 필요한 라이브러리 설치 → 실행 가능한 형태로 변환, 이 세 단계를 거쳐야 Shrimp를 사용할 수 있는 상태가 되는 거예요. 하나라도 빠뜨리면 동작하지 않습니다.

참고로 강의 앞부분에서 Taskmaster를 설치할 때는 npx -y task-master-ai 한 줄로 끝났던 게 기억나실 텐데요. 그건 제작자가 위의 세 단계를 미리 다 처리해서 npm 저장소에 패키지 형태로 올려둔 경우입니다. Shrimp는 패키지로 배포되어 있지 않고 소스 코드만 공개되어 있어서, 사용자가 직접 그 과정을 거쳐야 해요.

감사합니다 🙂

1

hajun92

감사합니당

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 이하준님.

쉬림프(Shrimp) 설치 과정에서 나타나는 단계에 대해 설명드리겠습니다. 소프트웨어 프로젝트에서는 일반적으로 다음과 같은 절차를 거칩니다:

  1. 레포지토리 클론하기:

    • git clone https://github.com/cjo4m06/mcp-shrimp-task-manager.git: 이 명령어는 버전 관리 시스템인 Git을 사용하여 원격의 코드 저장소(repository)를 로컬 컴퓨터로 복사합니다. 이를 통해 프로젝트의 모든 파일들과 커밋 기록을 가져올 수 있습니다.
  2. 의존성 설치:

    • npm install: 프로젝트가 의존하는 외부 라이브러리나 패키지들을 설치합니다. package.json 파일에 정의된 목록을 기반으로 이러한 패키지들이 노드 모듈(예: Node.js의 외부 라이브러리들)로 설치됩니다.
  3. 프로젝트 빌드하기:

    • npm run build: 이 명령어는 개발 환경에서 실행할 수 있는 소스 코드를 프로덕션 환경에서 배포 가능한 형태로 컴파일하고 번들링(bundling)하는 과정입니다. 주로 성능 최적화 및 다른 환경 변수를 적용하여 코드가 실행되도록 준비합니다.

이 모든 과정은 프로젝트를 지역 개발 환경에 정리된 형태로 준비하여, 의존성 간 충돌을 피하고, 소프트웨어가 일관되게 작동할 수 있도록 하는 데 필수적입니다. 따라서 각 단계는 프로젝트의 원활한 설치와 실행을 위해 필수적입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

문서 업데이트

0

15

1

/init

0

16

1

이미지내 텍스트 인식시키는 방법

0

9

0

문서, 파일, 웹사이트 참고 관련

0

10

1

vs code에서 클로드 설정

0

17

1

서브에이전트 복사 관련

0

9

1

prd 생성 서브에이전트 description 관련

0

11

1

94강 PRD 문서 검토 서브에이전트 관련 질문드려요.

0

13

1

init 오류

0

16

1

task manager 사용시 서브에이전트 개입 관련

0

16

1

카드뉴스 제작 시 CSS 사용 관련

0

17

0

165강 카드뉴스 관련 질문드려요.

0

20

0

CLAUDE.md 분산관리 관련 질문드려요.

0

20

1

github 사례 적용 방법

0

19

1

프로젝트 도입 관련

0

18

1

서브에이전트와 팀에이전트 관련

0

16

1

161강에서 소개해 주신 CLAUDE.md 파일 적용 관련

0

16

1

강의 따라 하는데 강의에서 갑자가 생성되는 폴더는?

0

20

1

강의따라가면서 볼만한 참고서적 문의드려요

0

21

0

/permissions 했는데 bash가 안나옵니다.

0

22

3

37. 이미지 첨부하기 관련 문의 드립니다

0

21

1

클로드 웹사용과 터미널 환경에서의 사용 연동 여부 문의

0

23

1

이미지 첨부 관련

0

33

2

플러그인이 설치되는 위치는 어디인가요?

0

32

2