[Server] 간단한 react 프로젝트 생성 후, EC2를 이용해 배포해보기 이제 인스턴스랑 ip설정까지 했으니까 간단하게 react만을 이용한 프로젝트를 올려보려고 한다. git을 이용해서 프로젝트를 옮길 것이므로,repo를 하나 만들고 clone받은 후, 해당 위치에서 react 프로젝트를 만들어주자이 때 repo를 public으로 만들어 두면 이후에 인스턴스에서 로그인을 안해도 되서 편함🧵 간단한 react 프로젝트 생성vite를 이용해서 react 프로젝트를 만들어준다. npm create vite@latest kittyreact, JavaScript선택 생성된 프로젝트에서 쓸데없는 건 지우고, App.jsx를 수정해주자랜덤으로 고양이 사진을 가져오는 open api를 이용해서 버튼을 누르면 고양이 사진을 볼 수 있도록 만들었다.자세한 코드는 github에https://.. [Server] Elastic IP 만들고 붙이기 현재 인스턴스에 있는 public IP는 임시 IP임즉, 중지시켰다가 다시 실행시키면 바뀐다.그래서 다시 실행시켜도 바뀌지 않는 고정 ip를 할당 받아야하는데, 그걸 탄력적 IP(= Elastic IP)라고 한다. 더보기왜 굳이 임시 IP를 발급시킬까?➡ 슬슬 ip개수에 한계가 오고 있기 때문에 안쓰는건 딴데 가져다 쓰려고 🔓 Elastic IP 생성하고 인스턴스에 붙이기 이렇게까지 하면 끝!확인해보면 바뀌지 않는다는걸 확인할 수 있다. [Server] EC2에서 인스턴스 만들기 💻 인스턴스 만들기1. instance 시작하기EC2 페이지에서 Launch instance 클릭 2. Name and tags 작성하기보통 프로젝트이름-server의 형태로 자주 씀 3. Application and OS Images (Amazon Machine Image)= 빌리려는 컴퓨터의 스펙 선택하기Windows, macOS등 친숙한 OS들이 있지만 Ubuntu를 선택하는 것이 가장 무난함더보기왜 Ubuntu인가요?Ubuntu는 오픈소스로 제공되므로, 무료로 사용이 가능하다.(클라우드 친화성) AWS와 같은 클라우드 서비스 제공자들은 리눅스 기반의 인스턴스를 많이 지원하며, 다양한 최적화 옵션을 제공 4. Instance type 여기서, 인스턴스? = EC2에서 원격으로 빌리는 컴퓨터,.. 이전 1 다음
