알드라이브 사용하여 내 사이트 접속하기
알드라이브란?
알드라이브는 이전에 알ftp로 불리었던 프로그램이기도 한데요.
ftp,sftp,webdev 등 여러 프로토콜에 접속하여 원하는 파일을 전송할 수 있도록
무료로 지원해주고 있는 파일입니다.
물론 개발자분들은 이 프로그램이 아니더라도 ssh를 통해 직접 서버에 파일을 넣으실 수도 있지만
비개발자이면서 회사의 상세페이지 정도만 관리하는 md, 마케터, 웹 디자이너 등의 직군을 가지신 분들은
해당 프로그램을 사용하시면 원하시는 위치에 이미지 파일 정도는 간단하게 변경하실 수 있습니다.
알드라이브 설치방법
설치 방법은 간단합니다. 위 링크로 접속하셔서 최신 버전인 ‘알드라이브 v2.12’ 다운로드 버튼을 클릭하시구요.
exe 실행파일이 다운로드 완료되면 오픈하셔서 안내하는대로 다음과 동의 버튼만 눌러주시면 됩니다.
(알캡처나 알약 등 다른 프로그램도 함께 설치될 수 있으니, 다른 프로그램도 함께 설치한다는 문구 앞에
체크박스는 필히 체크를 해제해주세요)
알드라이브 접속방법
설치가 끝난 후 프로그램을 열어보시면 위 이미지와 같은 화면이 나올텐데요.
여기서 본인 회사의 사이트에 접속하고 싶다면 아래의 순서대로 적어주시면 됩니다.
1.사이트맵 클릭
2.호스트 입력 ( 호스트란에는 홈페이지 url 주소 혹은 ip 주소를 적어주시면 되요 )
3.암호화는 ftp(기본으로 설정되어 있음) 혹은 sftp로 선택해주세요.
4.아이디를 입력해주세요.
5.비밀번호를 입력해주세요
위에 아이디/비밀번호를 모르시는 상태라면 회사에서 거래하고 있는 호스팅업체가 있을거에요.
담당자에게 ftp 접속정보를 물어보셔야 합니다.
이미지 교체 예제
사이트에 접속이 되었다면 바꾸고 싶은 파일을 업로드 해야 하는데요.
우선 해당 파일이 어디에 저장되어있는지, 경로부터 파악해야 합니다.
네이버를 예시로 들어드릴게요.
이미지에 적혀있는 숫자의 순서대로 따라하시면 됩니다.
1.키보드에서 F12(개발자도구) 키를 눌러주세요. 개발자도구 창이 뜹니다.
2.이미지와 같이 화면에 화살표가 얹혀져 있는 그림 버튼을 클릭해주세요.
3.바꾸고 싶은 이미지를 화면에서 클릭해주세요.
4.오른쪽 개발자도구 창에 연한 회색으로 바탕색이 변한 부분 보이시나요??
그 부분에 img src = “”가 보이실 텐데요. “” 사이에 있는 경로가 서버에 이미지가 저장되어 있는 위치입니다.
사이트 주소 뒤 / 부터 보시면 되구요. 예를 들어 naver.com/img/jobmadam 이라고 되어있다면
이미지의 경로는 img폴더 안에 jobmadam 폴더에 들어있다는 뜻인데요.
경로를 찾아서 이미지를 교체하는 방법도 보여드리도록 하겠습니다.
이미지를 보시면 /www/img 라고 되어있는거 보이시죠??
www 는 기본 경로(홈페이지 기본 url주소) 라고 생각하시면 되구요. img는 폴더입니다.
앞서 말씀드린 개발자도구를 통해 찾은 경로대로 폴더를 찾아 들어가셨다면
바꾸고 싶은 이미지를 드래그하여 알드라이브 화면에 넣어주면 되는데요.
이 때 주의하셔야 할 점은 기존에 있던 이미지의 이름과 교체하고 싶은 이미지의 이름을 동일하게
지정한 후 넣어주어야 정상적으로 업데이트가 된다는 점입니다.
기존에 ‘A라는 사진을 메인 중앙에 위치하게 해라’ 라는 코드로 작성되었다면
동일하게 A라는 이름의 사진을 교체해주어야 소스코드 변경 없이 위 방법만으로 교체가 가능하기 때문입니다.
오늘 알려드린 정보들을 통해 비개발자분들도 사내에서 관리하는 홈페이지의 간단한 이미지 교체 정도는
어렵지 않게 해결하실 수 있을 것 같습니다.
오늘도 jobmadam(잡마담)의 포스팅이 도움이 되었기를 바라면서 즐거운 하루 보내세요!