웹서비스 구축을 위한 기본준비!

방학인데 뭐라도 해야 할 것 같아서 이번에는 웹서비스 구축 수업을 듣게 되었어요!

 

먼저 제가 했던 setting을 알려드리겠습니다.

 

 

VS Code 설치!

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

https://sourceforge.net/projects/mingw/

https://evols-atirev.tistory.com/4

Visual Studio Code 설치 및 C / C++ 사용법

파일질라 설치!

https://filezilla-project.org/

FileZilla - The free FTP solution

닷홈 도메인 만들기!

https://www.dothome.co.kr/

닷홈 - 호스팅은 닷홈

https://winteri-i.tistory.com/1?category=875566

[Web] 닷홈 개설하기

VS Code와 FileZila를 설치하시고 닷홈에서 도메인을 만들어주세요!

 

여기서 기억해야 하는 것은 FTP의 ID와 비밀번호, DB의 아이디와 비밀번호를 기억하고 계셔야 합니다...!

 

 

FileZila 개설한 웹페이지와 연결하기

 

뭐 별거 없습니다. 까만 네모쪽에 호스트, 사용자명, 비밀번호를 입력하라고 되어있는데, 호스트에는 닷홈에서 만든 페이지를(여기서 https는 빼주세요!), 사용자명에는 FTP ID를, 비밀번호는 FTP비밀번호를 입력해주시고, 포트에는 21을 입력해주시면 리모트 사이트가 연결됩니다. 파일 업로드는...그냥 업로드하고자 하는 파일을 우클릭하셔서 업로드 선택하시면 됩니다.

 

 

VS Code 세팅

 

우선 이것을 다운로드 받아주세요! 

File Zila를 통해서도 웹페이지에 데이터 전송이 가능하지만...귀찮으므로.

그리고 html파일 코딩을 도와주는 확장프로그램도 설치해줍시다

 

다운로드 받으시고난 후에 F1을 눌러서(윈도우 기준)  FTP connection setting으로 가줍시다.

 

 

그러고나면 아래와 같은 화면이 나올텐데 정보를 입력해주시면 될겁니다.

 

 

host에는 도메인 이름

username에는 FTP ID

password에는 FTP 비밀번호

 

이렇게 입력해주시면 됩니다. name은 뭐...아무거나 적으세요.

 

그리고 저장을 하시면 되는데 저장하면 삭제됨이라고 뜹니다. 당황하지 마시고 일단 진행해보세요.

저는 됐으니까요.(하하하하ㅏ하하핳)

 

 

그리고 F1을 눌러서 Remote directory open to workspace를 눌르면 선택할 수 있는 디렉토리들이 나올겁니다.

 

근데 혹시 여기서 Remote directory를 눌러도 아무것도 안뜨시는분들 주목!!

아무것도 안뜨신다면 host에서 도메인 대신 IP 주소를 입력해주시면 되겠습니다.

그 주소는 닷홈->마이닷홈->개설한 도메인의 상세보기에 들어가시면 확인할 수 있습니다!(이걸로 몇시간을 헤맸는지...)

 

뭐 어찌되었든 그렇게 해서 밑에처럼 비스무리하게 나온다하면 성공입니다.

 

 

여기에서 파일을 바로 저장하면 자동으로 리모트 사이트에 업로드 되는 형식입니다.

 

미안하다 대표이미지 보여주려고 이거 찍었다 블로그 주인 수준 실화냐? 가슴이 웅장해진다...

 

 

뭐...일단 요정도면 세팅은 얼추 끝난 것 같네요. 다음 포스팅은 html 코드들을 찬찬히 보도록 해보겠습니다!