ByteSumCookies

이번 글의 목표는 “HTTP 정의 암기”가 아니라 채팅 UI의 입력이 어디로 흘러가서 어떤 형태로 돌아오는지를 흐름으로 정리하는 것이다. 지금 포트폴리오는 프론트 구현 + GitHub 업로드까지는 됐고, 이제 채팅창에서 보낸 질문을 받아 처리하고 다시 돌려줄 서버(API) 가 필요해졌다. 그래서 오늘은 “클라이언트 → HTTP → Flask 서버 → (LLM) → 응답(JSON)” 흐름에서, 특히 Flask/HTTP 구간이 무엇을 하는지를 정리하고 실습 확인 포인트를 남긴다.[브라우저] ↓ HTTP 요청 (GET/POST) ↓ (URL / Header / Body)[Flask 서버] ↓ request 객체로 파싱 ↓ Python 함수 실행 ↓ 응답 반환[브라우저]1. ..

1. Git/GitHub1-1. Gitㅡ프로젝트의 버전관리소스코드(파일)의 변경 이력을 저장하는 시스템스냅샷: 특정 시점의 프로젝트 상태를 "사진 찍듯" 저장 (= commit)* 커밋: "프로젝트 상태(파일들의 스냅샷) + 설명(메시지) + 메타데이터(작성자/시간) + 이전 커밋과의 연결"로 이루어진 기록 단위분기Branch: 실험/기능 개발을 메인과 분리해서 안전하게 저장왜 필요한가?되돌리기 가능: 어제까지 됐는데 오늘은 안됐을 때메인에 영향 없음: 기능을 추가하다가 엎어도 됨기록으로 남음: 누가/언제/무엇을 바꿨는지1-2. GitHubㅡGit 저장소를 올려두는 클라우드 + 협업 플랫폼Git 저장소를 인터넷(원격)에 올려두는 서비스Git만 쓸 때:PC가 망가지면 기록도 끝다른 PC/팀원이 접근 불가G..

0. 목적GitHub에 업로드한 포트폴리오 프로젝트를Vercel에 배포해 실제 접속 가능한 웹사이트로 만들고,배포 과정에서 겪은 문제와 도메인 관련 구조를 기록한다.1. 개발 환경OS: WindowsEditor: CursorFramework: Next.js (App Router)진행 상: GitHub 업로드 완료 (1편) https://bytesumcookies.tistory.com/92. Vercel 배포2-1. Vercel 로그인 & GitHub 권한 승인Vercel 접속 → GitHub로 로그인Import 과정에서 GitHub 저장소 읽기 권한 필요 (Vercel 앱 설치)Only select repositories로 포트폴리오 repo만 허용2-2. Import 후 DeployFramework p..