1
바이브 코딩
ChatGpt(오픈AI) , 제미나이(구글), 클로드(엔트로픽), 코파일럭(깃허브+오픈AI) 에서 원하는 웹페이지를 요청한다.


2
요청

휴대폰에서 사용할 할 일 목록을 위한 간단한 웹페이지 만들어줘.
목록을 위한 공간과 추가버튼 및 삭제 버튼을 추가해줘

폴더 하나 만든다. 
0 바이브코딩

index.html 로 만들어 폴더에 저장한다.

index.htm을 웹브라우저로 불러온다.


3
인프라 구축을 한다.
AWS 등으로 네트워크와 웹 서버를 만든다.

테라폼이나 클라우드 포메이션으로 빠르게 만든다.

여기서는 클라우드 포메이션을 이용한다.
테라폼은 테라폼을 깔아야 하니까.



4
aws 콘솔 로그인

서울리전으로 변경
기본 미국(버지니아 북부)로 되어 있을수 있다.

aws vpc, public subnet1개, ec2 1대 만드는 cloudformation 파일 만들어줘

웹서버 자동 배포(UserData) 포함해서 다시 만들어줘


yaml 파일로 저장
aws-pub1-ec2.yaml


ec2 로그온을 위해 미리 ec2-key pair 1개 만들어 두어야 한다.
ec2 > 키페어 > 키페어 생성


5
cloudformation
스택 생성
스택이름 ec2


EC2 > 인스턴스



생성되는 리소스 구성

✅ VPC (10.0.0.0/16)

✅ Public Subnet 1개 (10.0.1.0/24)

✅ Internet Gateway + 라우팅

✅ Security Group (SSH 22, HTTP 80 허용)

✅ EC2 인스턴스 1대 (Public IP 자동 할당)

사용 방법

위 템플릿을 vpc-ec2.yaml로 저장

AWS 콘솔 → CloudFormation → 스택 생성

KeyName 파라미터에 기존 키페어 선택

생성 완료 후 Outputs에서

EC2 Public IP 확인 → SSH 접속 가능



6
웹사이트 접속 확인



7
웹서버에 index.html을 만든거로 변경한다.
vi로 수정해도 좋다.

sftp유틸리티로 접속해 index.html 업데이트 해도 좋다.



8
웹 브라우저에서 확인




--------------------
# Sftp  기본 접속 경로를  /var/www/html 로 변경하기


1
방법 1: SFTP 클라이언트 소프트웨어에서 설정 (가장 추천)
서버 설정을 건드리지 않고, 접속하는 프로그램(FileZilla, WinSCP 등)에서 로그인 직후 이동할 디렉토리를 지정하는 방식입니다. 서버의 보안이나 쉘 접속에 전혀 영향을 주지 않습니다.

FileZilla: 사이트 관리자 > 고급 > 기본 원격 디렉터리에 /var/www/html 입력

WinSCP: 고급 설정 > 디렉터리 > 원격 디렉터리에 /var/www/html 입력


2
방법 2: 심볼릭 링크(Symbolic Link) 생성
ec2-user로 SSH 접속 시 기본 위치는 /home/ec2-user입니다. 여기에 웹 디렉토리로 바로 가는 "지름길"을 만들어두면 SFTP 접속 시 클릭 한 번으로 이동할 수 있습니다.

# ec2-user 홈 디렉토리에 www라는 이름의 바로가기 생성
ln -s /var/www/html /home/ec2-user/www
이렇게 하면 SFTP 접속 시 www 폴더만 더블클릭하면 바로 /var/www/html로 연결됩니다.