✅ 1. 필요한 도구

• VS Code (Visual Studio Code) 설치: https://code.visualstudio.com

• Continue.dev 확장 설치

• Cline 확장 설치

• (선택) Olama: 로컬 AI 모델 사용

• (대체) OpenRouter: 클라우드 기반 모델

✅ 2. VS Code + 확장 설치

1. VSCode 설치 후 실행

2. 왼쪽 확장 탭(사각형 아이콘) 클릭

3. Continue.dev 검색 → 설치

4. Cline 검색 → 설치

✅ 3. Olama로 로컬 AI 모델 설치

1. Olama GitHub 또는 공식 홈페이지에서 앱 설치

2. 터미널 또는 명령 프롬프트에서 모델 다운로드:

   1. ollama pull deepseek-coder:7b

   2. ollama pull qwen:2.5-coder

3. 모델을 VSCode Continue 설정에서 다음과 같이 구성:

   • Chat용: deepseek-coder:7b

   • 자동완성용: qwen:2.5-coder

4. Continue 확장 → 큐브 아이콘 클릭 → 모델 설정 입력

✅ 4. Continue 기능 테스트

• Python 파일 sample.py 생성

• 함수 일부 입력 시 자동완성 작동

• 코드 블럭 하이라이트 후 명령 입력 → 수정 제안 응답

✅ 5. Cline 기능 설명

• 단일 프롬프트로 프로젝트 전체 구성 가능

• 예: "플래피 버드 게임을 만들어줘" → HTML/CSS/JS 자동 생성

• auto approve 옵션 체크 시 자동으로 파일 생성/실행

• 클라우드 모델 사용 시 client 로그인 필요 (GitHub/Google 연동)

✅ 6. OpenRouter API 사용 (Olama 대체용)

1. https://openrouter.ai 가입 → API 키 생성

2. Cline 설정에서 provider를 OpenRouter로 변경

3. 추천 모델: deepseek-coder 또는 dbrx-instruct 등

웹학교 컨텐츠몰

PHP포탈 / 문제은행 & 실시간 퀴즈 솔루션 / 가위바위보게임 / 파싱도구 / tailwindCSS테마

By 웹학교