퍼블레싱 소개
퍼블레싱은 온라인 화면설계 툴입니다.
퍼블레싱 - 웹 퍼블리싱이 어려울 땐 퍼블레싱!
퍼블레싱은 명령어를 사용하여 웹 페이지를 빠르게 그릴 수 있는 개발자 친화적인 도구입니다.
publessing.io
온라인 화면설계 툴에는 카카오오븐, Just In Mind, 스케치와 같은 툴이 있는데 퍼블레싱은 개발에 바로 사용할 수 있는 html, js, css와 같은 소스까지 제공해 준다는 강점이 있습니다.
이 툴은 아프리카도서관이라는 국내 개발자분이 개발하신겁니다.
좋은 툴 만들어 공개해주신 아프리카도서관님에게 너무 감사드립니다.
주요 명령어
아래는 주요 명령어들입니다.
페이지 관리
- 페이지 리스트 보기: ls
- 페이지 복사: cp {소스 페이지명} {대상 페이지명}
- 페이지명 변경: mv {소스 페이지명} {대상 페이지명}
- 페이지 삭제: rm {페이지명}
마이 컴포넌트 만들기
자주 사용하는 노드는 마이컴포넌트로 만들어 재사용할 수 있습니다.
수정할 노드 이름을 선택합니다. 더블클릭하면 소스가 오픈되어 소스를 수정할 수도 있습니다.
수정후에는 하단의 Command창에 @{node} save {component category} {component number}를
입력하여 마이 컴포넌트에 저장합니다.
my-components를 누르면 저장된 컴포넌트를 볼 수 있습니다.
저장하자마자 안보이는 경우는 'all'을 한번 눌러 주시면 됩니다.
마이템플릿 만들기
마이템플릿은 페이지 전체를 템플릿화하여 재사용하는 방법을 제공합니다.
아래와 같이 @root save {template name} {template number}형식으로 저장합니다.
* 무료 버전에서는 마이템플릿기능이 동작하지 않는것 같습니다.
문법이 틀려 잘 안되었던거네요. 다시 제대로 해보니 잘됩니다.
기타 유용한 명령어들
- clear 또는 cls : 명령창을 깨끗하게 초기화합니다.
- exit: 현재 페이지를 나갑니다.
- logout: 로그아웃 합니다.
- passwd: 현재 로그인한 유저의 암호를 변경합니다.
- 위/아래 화살표: 이전/다음 명령어를 볼 수 있습니다.
소스 커스터마이징 하기
jQuery와 같은 외부 라이브러리를 추가하려면 아래와 같이 DIV "root" 하위에 아래 예제와 같이 추가합니다.
또한 <form>태그 처럼 HTML객체를 추가할 때도 DIV "root"하위에 추가하여야 합니다.
DIV "root" 위에 추가한 HTML태그는 export할때 없어져 버립니다.
테스트 하기
아래 예제와 같이 화면을 개발하면서 즉시 테스트해 볼 수 있습니다.
Export한 소스 구조
아래 예제와 같이 페이지명을 파일명으로 하여 html, js, css가 만들어집니다.
