Frontend/HTML

홈페이지 만들기(파일질라, 닷홈, 비주얼스튜디오)

code2772 2022. 10. 26. 08:47
728x90
반응형

✔ FTP

FTP(File Transfer Protocol)
- 클라이언트-서버(c/s)용 프로토콜
- 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공
- 클라이언트가 서버로 파일을 전달
- 주로 대량의 파일을 처리할 때 사용
- 기본포트 : 21

✔ 파일질라 설치 - Downlodad FILEZILLA CLIENT

✔ 호스팅
서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스
https://www.dothome.co.kr/ // 호스팅 무료 사이트
https://filezilla-project.org/ // 기업에서 많이 활용하는 사이트
-> Download FileZilla Client for Windows (64bit x86) 선택

 

✔ 닷홈 호스팅 주의사항
- html 디렉토리에 저장할 파일을 업로드
- 첫 페이지는 항상 index.html 로 업로드 (소문자!!)

✔ 닷홈 홈페이지 -무료호스팅

✔ 비주얼 스튜디오 다운 1

✔ ftp-simple
비주얼 스튜디오 코드에 설치하여 FTP 프로그램으로 사용
- f1 -> ftp-simple : config - FTP connection setting 을 선택

 

[
   {
      "name": "song 홈페이지", -> 만들 홈페이지
      "host": "112.175.184.1", -> 닷홈에서 받은 무료 호스트 번호
      "port": 21, -> 포트는 기본 21
      "type": "ftp", 
      "username": "dothom123", ->안까먹을 id, pw
      "password": "21345!", -> 파일질라 연동과 동일하게
      "path": "/",
      "autosave": true,
      "confirm": flase 
   }
]

f1 -> ftp-simple : config - FTP connection setting 에서 입력 1

 

- f1 -> ftp-simple : Remote directory open to workspace

 

연동 (비주얼 슽튜디오에서 입력)

파일 -> 사이트 관리자 -> (호스트, 사용자, 비밀번호 입력 후 사용)

웹페이지 연동 완료

 

반응형