위젯팩토리 플러그인 사용법 챕터2 - 위젯 제작!

|
챕터1에서 플러그인 설치법에 대해 알아봤고 이번엔 위젯제작법에 대해 알아보겠다.

플러그인을 실행했으면 로그인을 하자.
사용자 삽입 이미지

Daum아이디로 로그인을 하면 샘플위젯으로 사용자 설정과 원격컨텐츠 위젯이 샘플로 두개가 자동으로 만들어진다.
둘중 하나를 더블클릭하면 편집기가 열린다.
사용자 삽입 이미지

Code 탭에서는 위젯 코드가 나오고 프로퍼티탭으로 전환하면
사용자 삽입 이미지
데이터 설정 / 위젯 세부정보 / 위젯정보 / 사용자 설정 / 위젯 리소스 현황 섹션이 나오고 미리보기를 누르면 위젯을 바로 실행해볼수도 있다.

사용자 삽입 이미지
위젯 세부정보에 정보를 수정하고 임시저장을 누르면 뷰의 '샘플 위젯 - 사용자 설정'이었던 제목이 '사용자설정 테스트'로 바뀐것을 확인할 수 있다.

탭의 오른쪽에는 위젯코드에서 반영된 부분이 있다.
사용자 삽입 이미지
위젯정보에 '일리있는 이야기'로 'author'를 추가하고 사용자 설정의 'mycolor'에 'Blue' 값도 추가해봤다.

사용자 삽입 이미지
코드에 바로 추가된 것을 확인할 수 있다.

자 이제 수정한 위젯을 웹에 저장해보자.
사용자 삽입 이미지
뷰 위쪽에 있는 아이콘으로 모든 위젯을 한번에 저장할 수도 있지만 목록에서 팝업메뉴로 개별 위젯만 저장도 가능하다. 팝업메뉴에서 위젯 저장을 누르면 위젯 제출 동의서가 나온다.

사용자 삽입 이미지
위젯을 저장하면 이제 리소스파일도 업로드가 가능하다.
Properties 탭에 막혀있던 리소스 파일추가 메뉴가 활성화되고, 파일을 올리면 뷰에 파일목록도 같이 나온다.

이제 저장한 위젯을 웹에서 확인해 보자.
사용자 삽입 이미지

위젯보관함에 가보면 저장한 위젯이 나오고 웹에서도 수정이 가능하다.
저장을 안한 '샘플위젯 - 원격컨텐츠'는 로컬에만 있는 것이기 때문에 나타나지 않는다.

신고
Trackback 0 And Comment 0