본문 바로가기
Frontend/HTML

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

by code2772 2022. 10. 26.

[ 목차 ]

    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

     

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

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

    웹페이지 연동 완료

     

    반응형