알토르 5주차 1

용어정리

빌드 : 코드소스를 실행 가능한 형태(기계/브라우저가 이해하는 형태)로 변환하는 작업

배포 : 빌드된 결과물을 인터넷 서버에 올려서, 전 세계 사람들이 접근 가능하게 하는 것

CI/CD : 개발자가 코드만 올리면 알아서 검사하고 , 문제 없으면 바로 배포까지 해주는 자동화시스템

CI ( Continous Integration) : 개발자들이 코드를 자주 합치고 , 자동으로 빌드 + 테스트해서 문제가 없는지 확인하는 과정

CD ( Continous Delivery/Deployment) : CI에서 통과된 코드를 서버나 클라우드에 자동 배포하는 과정

---

호스팅
호스팅 : 서버 컴퓨터를 통해 웹사이트를 인터넷에 공개하는 서비스
내가 만든 웹사이트나 프로그램을 인터넷에 올려 사람들이 접속할 수 있게 서버에서 대신 돌려주는것 :
24시간 켜져 있는 서버 컴퓨터(데이터센터에 있음)에 내 프로그램이나 웹사이트를 올려서 인터넷에서 접근 가능하게 만드는 것

Vercel
Vercel : 프론트엔드 배포 및 서버리스 기능을 제공하는 플랫폼
Github와 연동하여 코드 push 하면 자동으로 빌드 하고 배포함.
웹 호스팅을 쉽게 해주는 서비스중 하나로 Next.js나 React 프론트엔드 프로젝트 배포시 사용됨.

DNS
Domain Name System : 사람이 기억하기 쉬운 도메인 이름을 ip주소로 바꿔주는 시스템

Name Server
NS : DNS record를 저장/응답 해주는 서버
DNS record를 실제로 저장하고 사용자 요청에 따라 도메인이 어느 ip 주소로 가야하는지 알려주는 서버

DNS record
DNS record : NS 안에 저장된 도메인에 대한 정보
해당 도메인이 어디로 연결되어야하는가에 대한 지침서

---

Vercel 회원가입 후 Github 연결후 포트폴리오 배포하기

vercel에서 배포

godaddy에서 도메인 구매

vercel에서 Add domain

DNS 설정하기

Domain 연결완료

---

최종

vercel 배포 맟 DNS 설정완료

사용자가 도메인 입력 -> godaddy NS 서버가 Vercel Ip address 알려줌 -> 브라우저가 Vercel 서버로 감-> Vercel이 내 도메인이 맞는지 확인 -> 배포한 Next.js 앱 실행 -> 사용자의 브라우저가 렌더링.

채팅창 서버 연결 실패

파이썬 기반인 Flask 백엔드 프레임워크를 실행할수 있는 프로세스가 Vercel에 존재하지않음.
=> Render, Heroku , AWS EC2를 통해 백엔드 프로젝트를 호스팅 하고 Vercel에 배포된 프론트엔드,Next.js에서 해당 APi를 호출하도록 연결해야한다.