Ubuntu에 웹서버를 만들고, 간단한 이미지와 설명 띄우기

 

 

우선 우분투에 apache2를 설치해준다.

sudo  apt  install  apache2

 

sudo  service  apache2  start

 

 

설치가 다 되었다. 

이제 index.html을 만들어주자.

 

i를 누르면 바로 편집할 수 있도록 모드가 전환된다.

 

 

 

 

 

esc키를 누르면 명령어를 누를 수 있고, :wq를 입력하면 '저장하고 종료한다'는 뜻이다.

 

localhost에 들어가면 잘 띄워져있다.

 

 

 

 

이제 원하는 내가 구매하고 싶은 이미지를 넣고, 설명을 적는 과제를 수행하자!

 

이미지를 웹사이트에서 다운받은 후, 경로를 적절하게 바꿔주었다. 

경로를 제대로 지정해주지 않으면 사진이 뜨지 않는다!

나는 Downloads 아래에서 작업했다. 

vim이 익숙해서 그냥 vim으로 작업했다.

간단한 파일 수정 정도는 vi로 충분하지만, 프로그래밍 등이 목적이라면 vim에 추가적인 기능이 더 많기 때문에 vim을 사용하는 것이 좋다.

 

 

나는 이미지 크기 등을 따로 지정해주고, 한글이 잘리지 않게 하기 위해 UTF-8설정도 추가적으로 해주었다.

 

 

 

이제 로컬에서는 띄워지는 것을 확인했으니, 네트워크 설정을 해서 사설 IP로 접속이 가능하도록 해야한다. 

 

먼저, VM을 종료하고 UTM에서 해당 VM을 설정하여 settings -> Network로 들어간다.

여기에서 Network Mode를 Bridged로 바꿔주고, 저장한 뒤, VM을 다시 실행한다.

 

`ip a` 를 입력해서 사설 IP 주소를 확인해야 한다.

ip a

사설 IP로 호스트인 내 맥북에서 접속해주었다. 

과제 끝!