변수 확장 기능 완성

아플로스 게시판 스킨의 변수 확장 기능은 두 가지로 구성되어 있습니다.
 
1) 변수 항목에 스타일 적용과
2) 변수 항목을 이미지로 대체하기
 
가능한 변수 종류는 한줄텍스트, 단일선택(radio,single select), 다중선택(checkbox)입니다.
다중선택까지 가능하게 하느라 이전 버전의 코드는 다 버리고 새로 짰네요ㅜ
 
사용 방식은 간단 복잡합니다(?)
조건으로 입력한 항목과 변수 항목이 일치하면 해당하는 스타일을 적용하거나 이미지로 바꿔치기 해줍니다. (항목은 쉼표(,)로 구분합니다)
 
조건입력 - 금,은,동
 
공통스타일 - font-weight:bold;
개별스타일 - color:red;,color:blue;,color:green;
(혹은)
이미지 주소 - http://이미지1.png,http://이미지2.png,http://이미지3.png
(url 입력하지 않아도 되는 이미지 등록 방식도 있습니다. 주소 or 이미지 등록 선택가능. 하지만 항목을 무한정 늘릴 순 없어서 12개만 만들었어요)
공통스타일 - width:30px;height:30px;
개별스타일 - border: 1px solid red;,border: 1px solid blue;,border: 1px solid green;
 
textarea에 이런 식으로 입력합니다. 그럼 조건문과 반복문을 이용해 조건에 맞는 변수들을 바꿔치기 합니다.
 
그래서 아래와 같은 게시판 목록이 가능해집니다.
 
[게시판 목록 화면]

 
[게시글 보기 화면]

 
[게시글 입력 화면]

 
 
위 스샷에 나온 게시판 주소입니다 - http://rx.xianchoi.kr/aplos_extension2

활용도가 많겠다! 싶어서 만들기 시작했고, 시작했으니 끝을 봤는데 이제와서 생각해보니 얼마나 활용도가 있을지 싶네요.
변수 조건이 많아지면 입력 자체가 복잡해지기도 하고요 ㅎㅎ 쉼표로 구분해야 하니까요ㅜ (그래도 갯수 제한은 없다는게 장점인가)

p.s [스킨 관리] 버튼이 보이죠. 누르면 스킨관리 창이 떠요.. 스케치북 위자드는 많이들 꺼놓는거로 알고 있어요 느려진다는 이유로. 저는 저 버튼을 눌러야 로딩하는 방식이라 그럴일은 없을 것 같아요. 진행상황은 10%.ㅎㅎ