[Jobby] 1차 완결 회고
오늘 목표 이 글은 Jobby 1차 버전의 마무리/회고 편이다. 여기까지: React로 간단한 챗 UI를 만들고 Node.js + Express 서버에서 Dialogflow API와 통신하고 Dialogflow 인텐트들에 자기소개/전공/SSAFY/기술 스택/강점 등을 채워 넣어서 “데이터 직무 지원용 자기소개 챗봇” 1차 버전을 ...
오늘 목표 이 글은 Jobby 1차 버전의 마무리/회고 편이다. 여기까지: React로 간단한 챗 UI를 만들고 Node.js + Express 서버에서 Dialogflow API와 통신하고 Dialogflow 인텐트들에 자기소개/전공/SSAFY/기술 스택/강점 등을 채워 넣어서 “데이터 직무 지원용 자기소개 챗봇” 1차 버전을 ...
오늘 목표 6편까지는: Chat 컴포넌트에서 질문/답변을 messages 배열로 관리하고 사용자/조비 말풍선을 왼쪽·오른쪽으로 나눠서 실제 채팅앱처럼 대화가 쌓이는 기본 UI까지 만들었다. 이제 Jobby가 실제로 무슨 말을 할지를 정리할 차례다. 7편에서는 Dialogflow 인텐트들을 챗봇 자기소개용으로 정리해서: Job...
오늘 목표 5편까지는: client/src/Chat.jsx에서 입력창/버튼을 만들고 사용자가 입력한 문장을 POST /api/dialogflow/textQuery로 보내서 Dialogflow 응답의 fulfillmentText를 화면에 한 줄만 보여줬다. 6편에서는 이걸 진짜 채팅처럼 보이게 바꾼다: 마지막 답변만 덮어쓰는 ...
오늘 목표 4편까지는: 서버에서 Dialogflow로 텍스트 질문을 보내는 textQuery 함수를 만들고 POST /api/dialogflow/textQuery 라우트를 추가해서 Postman 같은 도구로 API를 직접 호출해, 응답 JSON까지 확인했다. 5편에서는 드디어 React에서 이 API를 직접 호출해서: 화면에...
오늘 목표 3편까지는: Google Cloud에서 Jobby용 GCP 프로젝트 / 서비스 계정 / JSON 키를 만들고 Dialogflow 에이전트 생성 후 GCP 프로젝트와 묶고 server/config/dev.js에 실제 값까지 채워 넣었다. 4편에서는 드디어 이 설정을 실제로 사용해서: 서버에서 Dialogflow로 텍...
오늘 목표 2편까지는: server/에 Express 서버 띄우고 /, /health, /intro 엔드포인트 만들었고 client/에 Vite + React 기본 앱까지 띄워놨다. 3편에서는 Dialogflow랑 진짜로 연결할 준비를 끝내는 것이 목표다: Jobby 전체 구조를 다시 정리하고 Google Cloud에서 Jo...
오늘 목표 1편에서는 폴더 구조랑 .gitignore만 잡아놓고 끝냈다. 이번 2편에서는 진짜로: server/에 Express 서버 띄우고 기본 엔드포인트 몇 개 만들고 client/에 React 앱 하나 깔아서 브라우저에서 뜨게 만들고 까지 해서, Jobby의 백엔드/프론트 뼈대를 둘 다 눈으로 확인하는 게 목표. 백엔드: E...
Jobby 소개 면접 및 자기소개 질문용 챗봇 취업용 자기소개 챗봇 Jobby 만들기 시작. 내 이력, 프로젝트, 연구 얘기들을 한 군데 모아서, “나에 대해 물어보면 챗봇이 대신 대답해주는” 걸 목표로 함. 기본 컨셉: 본인 전용 Q&A 챗봇 질문 예시: 자기소개, 기술 스택, 연구/프로젝트, 강점, 관심 분야 등등 사용 ...
사용 기술 가상환경 만들기 python -m venv venv git ignore를 만들어줘야 후에 깃에 프로젝트를 올릴 필요가없는 가상환경은 올라가지 않는다. 용량이 너무 크고 git은 소스코드만 추적하는 곳인데, 이런 큰 바이너리 파일(사람이 읽을 수 없는 0과 1로 이루어진 파일)을 올리면 속도가 느려지고 용량도...
사용 기술 백엔드: python(django) 프론트엔드: 부트스트랩? Vue3 next.js를 써볼까 Django REST Framework로 API 만들기 DRF란? Django REST Framework는 Django에서 RESTful API를 빠르게 만들 수 있게 도와주는 확장 라이브러리. 장점은 꽤 많음: 요청과 응답을 JS...