Dev18 Cursor IDE + Claude Code 배경Anthropic(클로드 만든 회사)이 공식적으로 크게 홍보하진 않았지만, 이제 Claude Code를 VS Code·Cursor·Windsurf·JetBrains 등과 같은 IDE에 통합할 수 있음 : 따라서 코드 모델(Claude Code) + 강력한 IDE(Cursor)로 베스트 조합을 만들 수 있음https://docs.claude.com/en/docs/claude-code/ide-integrations Add Claude Code to your IDE - Claude DocsLearn how to add Claude Code to your favorite IDEdocs.claude.com Claude Code 단독의 한계클로드 코드는 그냥 터미널 기반 대화형 CLI임 : 전체 프로젝트를 인덱.. 2025. 9. 23. 17. MongoDB, 사용자 메시지 저장 데이터베이스 생성 이번 과제는 웹사이트에 사용자의 메시지 입력 데이터, AI 응답 내용 등을 저장할 수 있는 데이터베이스까지 생성하여 연동해보고자 함 RDBMS와 NoSQL의 차이Next.js는 프론트엔드뿐 아니라 서버사이드 API도 같이 만들 수 있는 프레임워크 : React 기반 UI + 백엔드 API를 하나의 프로젝트에서 관현대의 데이터베이스는 크게 두 가지로 나뉨 : 관계형 데이터베이스(RDBMS)와 비관계형 데이터베이스(NoSQL) : 저장 방식, 구조, 활용 목적에 있어서 큰 차이를 보임 RDBMS (Relational Database Management System)RDBMS는 흔히 알려진 전통적인 데이터베이스 : MySQL, PostgreSQL, Oracle 등이 대표적인 예 : 데이터를 행과 열이 있는 테.. 2025. 7. 4. 16. Next.js API Route 마이그레이션 현재 상태Flask 백엔드 (Python), EC2에서 /sendMessage 요청 처리, 프론트엔드에서 http://api.도메인.com/sendMessage 요청 중 변경 목표Next.js API Route (JavaScript), Vercel에서 /api/sendMessage 처리, https://도메인.com/api/sendMessage로 변경 예정 Next.js API 기능을 구현하는 방법Next.js API 기능이란Next.js는 프론트엔드뿐 아니라 서버사이드 API도 같이 만들 수 있는 프레임워크 : React 기반 UI + 백엔드 API를 하나의 프로젝트에서 관리할 수 있다는 것 : 즉, Python Flask 같은 서버 없이도 Next.js 프로젝트 내부에서 API 서버 역할을 처리할.. 2025. 6. 27. 15. 응답값 JSON 파싱, 추천 메시지 구현 앞으로 출력(GPT 응답)을 JSON 형식으로 받도록 수정할 예정 : GPT에게 프롬프트를 바꾸어 JSON 구조로 응답하라고 지시해야 함 : 그전에 백엔드, 프론트엔드 코드 구조를 다시 살펴보자 프론트엔드(Chat.jsx)사용자의 입력값은 inputMessage 상태로 저장됨const [inputMessage, setInputMessage] = useState(''); 백엔드로 POST 요청 (JSON 형식으로 message + thread_id 전달)const response = await axios.post(`${API_URL}/sendMessage`, { message: inputMessage, thread_id: threadId});여기까지 사용자의 응답값을 JSON으로 보내는 것은 이미 잘.. 2025. 5. 22. 14. 도메인 연동, API 엔드포인트 분리, .env 활용, gitignore 보안, 챗봇 기능 검증 Vercel 프론트엔드 도메인 연동Project 접속 : Settings : Domains : Add DomainSave 클릭시 아래와 같이 Vercel에서 DNS 설정 방식을 제안함A 레코드 방식으로 호스트 이름(Name)은 @(루트 도메인 jysdev.com을 의미) : 값(Value)은 76.76.21.21 : 이 설정을 도메인을 생성했던 가비아에 접속하여 DNS 설정을 추가해야 함 : DNS 레코드가 감지되면 Vercel에서 자동으로 도메인을 확인할 것 근데 대부분의 사용자들이 도메인 주소(jysdev.com) 앞에 www. 을 붙이거나 안 붙이거나 섞어서 입력함 : 서비스의 안정성을 높이기 위해 jysdev.com과 www.jysdev.com 둘다 연결 : 즉, www.jysdev.com도 연결.. 2025. 5. 14. 13. 웹 백엔드 인프라 구축 (EC2 서버 설정, HTTPS 적용, 도메인 연결, 포트포워딩) 백엔드 코드 Github에 업로드이때, OpenAI Key와 같은 민감 정보는 제외하고 업로드 : API Key 재생성해야 함 백엔드 코드(app.py) EC2 인스턴스에서 클론 받기백엔드(Flask) 코드를 GitHub에 올려놓았음 : 그걸 AWS EC2 서버 안으로 복사해 오는 과정 : EC2 서버(Ubuntu)에 SSH 접속 후, git clone 명령어로 GitHub의 코드를 EC2 안에 다운로드해야 함 Git 설치(EC2 서버 SSH 접속한 환경의 홈 디렉토리에서 실행)- sudo apt update- sudo apt install git -y 깃허브에서 백엔드 코드 클론- git clone 깃허브 주소디렉토리 이동, 코드 확인- cd portfolio-backend- ls즉, EC2 서버에서.. 2025. 5. 8. 이전 1 2 3 다음
