닷홈(Dothome)가입 & 개발환경설정

최대 1 분 소요

닷홈가입

1. 회원가입

2. 무료 호스팅 신청

https://www.dothome.co.kr/web/free/index.php 스크린샷 2022-12-28 오후 4 48 58
스크린샷 2022-12-28 오후 4 56 50

3. FileZilla 설치 & html 파일 업로드

스크린샷 2022-12-28 오후 5 29 24 2 복사본

4. 성공적

스크린샷 2022-12-28 오후 5 29 24


개발환경설정

FileZilla와 Visual Studio Code 연결하기

1. 파일 -> 기본설정 -> 설정

스크린샷 2022-12-28 오후 5 41 20(2)

2. 검색창에 encoding 검색 -> UTF-8 변경 (한글설정)

스크린샷 2022-12-28 오후 8 27 51

3. 확장(Ctrl+Shift+x) -> html 검색 -> HTML Snippets 다운로드

스크린샷 2022-12-28 오후 8 29 28

4. sftp 검색 -> SFTP 다운로드

스크린샷 2022-12-28 오후 8 30 05

5. 사용할 폴더 생성 및 열기

6. 폴더에서 F1키 -> sftp검색 -> SFTP:Config 클릭

스크린샷 2022-12-28 오후 8 51 36

7. FTP정보 기입 (host, protocol, port, username 수정)

  • host: host 주소
  • protocol: sftp -> ftp (dothome일 경우)
  • port: 22 -> 21
  • username: 사용자명

스크린샷 2022-12-28 오후 8 35 43

8. SFTP 이동 -> Refresh 아이콘 클릭 -> FTP 비밀번호 입력

스크린샷 2022-12-28 오후 8 36 32

9. 탐색기 -> 우클릭 -> Download Folder (html 디렉토리 파일 불러오기)

스크린샷 2022-12-28 오후 8 44 45

10. Upload할 파일 우클릭 -> Upload File

스크린샷 2022-12-28 오후 8 45 13

11. 성공적

스크린샷 2022-12-28 오후 8 45 26

카테고리:

업데이트: