카페24 디자인 제작하기

개발환경 - 개별구축

좀 더 전문적이고, 빈번한 수정이나 업데이트를 위해서는 개별적으로 환경을 구축하는것이 효율적입니다. 

수많은 개발도구가 존재하지만, 제가 즐겨쓰고, 편하다고 생각되는 편집툴은 sublime Text나 WebStorm 입니다. 

Sublime Text

Sublime Text 사용방법은 아래 모듈에서 자세하게 다루고 있습니다. 
Sublime Text 2 : https://opentutorials.org/module/406/3595

전체 컨텐츠를 꼼꼼히 살펴본다기 보다는, 기본적인 사용방법과 FTP와 바로 연동이 되는 Sublime Text SFTP 패키지 정도 보면 될것 같습니다.

가끔뜨는 구매 팝업의 귀찮음을 참을 수 있다면 무료로 사용가능합니다. 

 

WebStorm 

최근 사용하기 시작한 코딩툴입니다. 시험판으로 30일 사용할 수 있고 그 이후부터는 구입해야 하는 유료입니다. 

간단한 사용방법은 아래와 같습니다. 

 

서버접속 연결 방법

  1. New Project → Create New Project
  2. Tools → Deployment → Configuration  → "+"를 눌러 추가 → Add Server → Connection (접속 정보 입력) → Mappings (매핑 정보입력)
  3. Tools → Deployment → Automatic Upload 선택
  4. 접속이 완료된후 서버에 있는 파일을 로컬로 다운로드한다. 

 

SASS 컴파일 

  1. Preferences → Tools → File Watchers  →  "+"를 눌러 추가 → "SCSS" 선택 → 설정 하고 "ok" 눌러 완료  
  2. Tools → Deployment → Option → "Upload external changes" 를 체크한다.  

 

 

 

 

 

 

 

댓글

댓글 본문
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기