LAB0 : 닷홈 개설 + fileZilla 설치 + VScode에서 ftp로 리모트 서버연동

1. 닷홈 개설하기

 

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

 

닷홈 - 호스팅은 닷홈

닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다.

www.dothome.co.kr

 

웹 호스팅 > 무료 호스팅

 : 마이 닷홈에서 도메인을 눌러서 아래와 같은 창이 나오면 완료!

2. 파일질라 설치하기

 

https://filezilla-project.org/

 

FileZilla - The free FTP solution

Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source software distributed free of charge under the terms of the GNU General Public Licen

filezilla-project.org

파일질라는 FTP를 사용하도록 하는 것이다.

 FTP : file transfer protocol (= 파일 전송 프로토콜) : 이미지나 파일을 웹 서버에 올려준다. : 파일질라의 역할

 

-호스트 : 도메인, 사용자명: 계정 ID (ftp id) , 비밀번호: ftp 비밀번호, 포트 21 > 빠른 접속

 

*로컬 사이트 내 항목 : 내 컴퓨터의 파일들

*리모트 사이트 내 항목 : 서버에 올려줄 파일들

 

3. vs code에서 ftp로 원격 서버 접속

 

해당 아이콘을 클릭해서 ftp-simple을 검색하여 설치해주세요

 

설치 후 view->command palette에서

 

1. fpt-simple : Config - FTP connection setting을 누른 후 나온 파일을 아래와 같이 수정합니다.

2. 다시 view->command palette에서 fpt-simple : Remote directory open to workspace > localhost > . Current directory 순서로 선택합니다.

 

이렇게 연결하면  remote server에서 받아온 것들을 왼쪽 창에서 확인할 수 있습니다.

이제 vs code에서 파일을 수정하고 만들면 서버에서 바로바로 적용됩니다:)

 

'WEB > 2020_webCamp' 카테고리의 다른 글

LAB5_JS Form + JS Dorm  (0) 2020.07.30
LAB04. Javascript  (0) 2020.07.29
LAB3_CSS  (0) 2020.07.24
LAB2: html  (0) 2020.07.22
LAB1: html tag  (0) 2020.07.21