[Jobby] 환경 세팅 1

Jobby 소개

면접 및 자기소개 질문용 챗봇 취업용 자기소개 챗봇 Jobby 만들기 시작.
내 이력, 프로젝트, 연구 얘기들을 한 군데 모아서, “나에 대해 물어보면 챗봇이 대신 대답해주는” 걸 목표로 함.

• 기본 컨셉: 본인 전용 Q&A 챗봇
• 질문 예시: 자기소개, 기술 스택, 연구/프로젝트, 강점, 관심 분야 등등

---

사용 기술

백엔드: Node.js (Express)
프론트엔드: React
챗봇 엔진: Dialogflow

(나중에 구조 바뀌면 여기부터 계속 업데이트할 예정)

---

폴더 구조 계획

일단 프로젝트 뼈대부터 이렇게 잡고 시작함.

jobby/
├── server/      # 백엔드 (Node.js + Express)
├── client/      # 프론트엔드 (React)
└── README.md

• server : Dialogflow랑 통신하는 API, Jobby의 “두뇌랑 연결되는 뒷단”
• client : 실제로 사용자가 보는 채팅 화면

오늘은 여기까지 “틀”만 만들어 놓고, 다음 글에서 하나씩 채워 넣는 식으로 갈 거임.

---

📌 해야 할 것 (오늘 분량)

• Jobby 프로젝트 폴더 만들기 (jobby/)
• server/, client/ 폴더까지만 먼저 만들기
• .gitignore 세팅해서 이상한 파일 안 올라가게 하기
• 레포/블로그에 “환경 세팅 1편” 기록 남기기

(아직 코드 제대로 안 짜도 됨. 구조 + 기록부터 잡는 날.)

---

.gitignore 설정

레포 클론하거나 새로 만들기 전에 .gitignore부터 세팅.

• .gitignore 위치: 프로젝트 루트 (jobby/.gitignore)
• 역할: 나중에 깃에 올리면 안 되는 것들(예: node_modules, 비밀키, 환경파일 등) 막아주는 것

gitignore 쉽게 만드는 법

• gitignore.io 들어가서 설정하면 편함.

• 검색창에 아래 키워드 넣고 생성:

  • Node
  • React
  • 내가 쓰는 OS (macOS / Windows / Linux 중 하나)
  • 에디터 쓰면: VisualStudioCode
• 생성된 내용 통째로 .gitignore에 붙여넣기.

그리고 마지막에 이거 두 줄은 직접 추가:

# local env / secrets
server/config/dev.js
.env

• dev.js, .env 같은 데에는 구글 프로젝트 키, 서비스 계정 이메일 같은 민감한 정보 들어갈 거라 무조건 깃에서 제외.

---

오늘 실제로 한 작업 (로그)

• jobby/ 폴더 생성
• server/, client/ 디렉터리만 먼저 만들어서 구조 먼저 고정
• .gitignore 생성해서 Node, React, OS, VSCode 설정 추가
• 블로그에 환경 세팅 1편 정리 (지금 이 글)

다음 글부터는:

• server에 Node.js + Express 기본 서버 띄우기
• Dialogflow용 설정 파일 틀(dev.js 템플릿) 잡기
• client에 React 앱 생성해서 화면에 “Jobby 시작화면” 정도까지 나오게 만들 예정.