Ollama 이용해서 운세 웹 서비스 개발하기(qwen 로컬 모델로 AI 서비스 개발)

 

1. Ollama 다운로드

 

2. 바이브코딩

제미나이) " 윈도우에서 ollama 깔았는데 qwen3.5:35B 사용해서 간단한 운세 봐주는 html 서비스 개발해줘."

# 환경 변수 설정이 관건(CORS 관련)

• 작업 표시줄의 검색창에 '환경 변수'를 검색하고 '시스템 환경 변수 편집'을 클릭합니다.
• 시스템 속성 창 우측 하단의 '환경 변수' 버튼을 누릅니다.
• 위쪽의 사용자 변수나 아래쪽의 시스템 변수에서 '새로 만들기(N)'를 클릭합니다.
• 다음과 같이 입력하고 확인을 누릅니다.
  • 변수 이름: OLLAMA_ORIGINS
  • 변수 값: *

 

 

3. 바이브코딩 (html 코드 생성)

(핵심) 프롬프트 + Ollama 가 로컬 'qwen3:30b' api를 호출하는 부분

* ai가 작성된 코드에서는 qwen3.5:35b라고 되어있는데 너무 느림... 그래서 qwen3:30b로 수정하였음(충분히 성능 괜찮음)

 

 

3단계 : html 파일 실행

만들어둔 html 파일을 더블클릭해서 웹 브라우저로 엽니다.