비주얼 스튜디오 코드 ftp 접속 - 무료 코딩프로그램 사용으로 그누보드 내용 수정

 

1. 무료 코딩 프로그램

홈페이지를 만들때 소스를 열어서 내용을 수정하는 부분이 있어요.

소스를 잘몰라도 위치나 간단한 소스용어로 홈페이지를 수정할 수 있습니다.

 

adobe 드림위버나 에디터플러스 같은 경우 유료라서 결제하지 않으면 사용하기 어려운데요.

그래서 무료로 사용할 프로그램은 비쥬얼 코드를 소개합니다.

 

Visual Studio Code ftp 접속방법

• 비쥬얼코드 다운받기
• 아이콘 클릭 > ftp 기입 > FTP Install
• 단축기 F1 > ftp 검색 > ftp-simple:Config - FTP connection setting
• ftp 정보 적기
• 단축기 F1 > ftp-simple : Remote directory open to workspace 클릭 > 내가 지정했던 'name' 의 이름 뜨면 클릭 > *Current directory 클릭

 

Visual Studio Code ftp 접속방법 이미지로 쉽게 보기

 

0. 비쥬얼스튜디오코드 다운받기

https://code.visualstudio.com/

 

 1. ①아이콘 클릭 > ftp 기입 > FTP Install 클릭 해서 설치해줍니다.

2. 단축기 F1 > ftp 검색 > ftp-simple:Config - FTP connection setting

3. ftp 정보 적기

ftp란?

닷홈 ftp정보확인하는 방법

• name : 구분을 위한 자유지정
• host : 도메인주소  ex) ftp아이디(닷홈도메인 사용시).dothome.co.kr  / test.dothome.co.kr
• port : 21
• type : ftp
• username : ftp아이디
• password : ftp비밀번호
• path : / 접속경로 (그대로 나둠)
• autosave : true (소스수정하고 바로 저장누르면 저장됨) false (저장안됨)
• confirm : true (위에 autosave 확인 메세지 띄울것인가?) false (안띄울것인가?)

4. 그 다음 접속을 시작해볼까요?

단축기 F1 > ftp-simple : Remote directory open to workspace 클릭 > 내가 지정했던 'name' 의 이름 뜨면 클릭 > *Current directory 클릭

※ 접속 내용(위의 이미지)이 잘못되면 *Current directory 안뜨더라구요. 안뜨면 위에 정보가 잘 적혔는지 확인해주세요.

5. 이제 ftp 접속이 시작됩니다.

오른편 하단 Please wait.... 이라고 뜹니다 접속 중이에요~~

완료가 다되면 Remote Info downloading success. 라고 뜹니다.

2. 그누보드 홈페이지 내용 고치기

그럼 닷홈ftp 를 수정할 메인을 접속해볼까요?

1. html > home

2. theme > company(내가 업로드한 테마이름이 뜹니다.) > index.php

메인을 수정할 수 있는 페이지를 드디어 만났습니다.!!!