사이트를 구축하기 이전에
서비스 배포를 먼저 진행해보겠습니다
아래 사이트에서 진행해보겠습니다
회원가입 후
새로운 사이트를 추가하겠습니다
사이트를 성공적으로 생성하셨다면 다음과 같은 관리 탭이 보이실겁니다
관리 탭에서
FTP 서버 관련 정보를 확인 할 수 있습니다
생성한 FTP 서버를 Sublime Text와 연동해보려고 합니다
Package Control을 통해 sftp plugin을 설치합니다
그리고 서브라임에 프로젝트를 연결하겠습니다
폴더의 경로는 설치하신 php htdocs 하위경로로 두시는게 좋습니다
MAMP를 사용할 경우 C:\MAMP\htdocs\ 하위에 두시면 되겠습니다
해당 폴더를 선택 후 Map to Remote을 진행합니다
그러면 sftp-config.json이 생성되며
여기에 연동할 서버 정보를 입력해줍니다
type, host, user, password, port, remote_path
정도만 작성하면 되겠습니다
폴더 FTP/Download Folder를 통해
다음과 같이 서버의 폴더들을 성공적으로 내려받았다면 연동에 성공한 것입니다
서브라임만으로 FTP서버의 파일들을 관리하는 것이 불편할 수 있습니다
그럴때 파일질러와 같은 FTP Client를 같이 사용하셔도 좋습니다
https://filezilla-project.org/download.php?type=client
사이트의 대문 페이지는 Index.php로 설정 되어있습니다
Index.php가 존재하지 않다면 index2.html을 실행하게 됩니다
그러므로 먼저 index.php를 생성해보도록 해보겠습니다
index2.html의 소스를 index.php로 그대로 옮기고
아래와 같이 body의 내용을 간단하게 구성하겠습니다
해당 파일 FTP/Upload File을 통해
서버의 프로젝트를 업데이트하고 사이트에서 확인 할 수도 있습니다
하지만 매번 수정할때마다 업로드하기에 불편하므로
로컬 서버에서 바로 확인 할 수 있도록 구성해보겠습니다
Package Control을 통해 View In Browser plugin를 설치합니다
https://packagecontrol.io/packages/View%20In%20Browser
프로젝트를 저장하면
Edit Project로 build를 제어할 수 있습니다
다음과 같이 작성해줍니다
그리고 Ctrll+Alt+C 를 누르시면
로컬 서버에서 프로젝트를 확인 할 수 있습니다
'웹개발 > client-side' 카테고리의 다른 글
1탄) node.js 기반 React + MongoDB + graphQL 프로젝트 (0) | 2020.03.27 |
---|---|
1탄) .NET Core, WPF GUI 프로그래밍 스터디 (0) | 2020.03.14 |
3탄) PHP, DB 연동 및 배포 (0) | 2020.03.13 |
1탄) PHP 웹 개발 환경 세팅 (0) | 2020.03.06 |
사용자 화면 작성 맛보기(HTML, CSS, JavaScript) (0) | 2019.12.21 |