라이믹스 수정법 강좌

라이믹스 템플릿(스킨,레이아웃 등)에서 중괄호 { } $ 사용의 이해

꿀팁관리소장 — Fri, 27 May 2022 14:04:40 +0900

라이믹스에서 무료로 배포되는 자료 혹은 판매되는 자료를 수정해서 기능을 변경하거나 새로운 기능을 추가 또는 뭔가 새로운 것을 추가해서 보여지게 하는 등의 수정법을 알려드리고 싶어 이 게시판을 신설하고 여기 강좌에서 설명하는 것을 직접 시연해 보고 결과를 볼 수 있는 위젯을 배포하는 게시글을 작성했습니다.

https://rxtip.kr/rx_template/66577

애석하게도 제가 알려드릴 내용에 관한 수요가 없는 듯하여 일단 수요없는 공급으로 첫번째 강좌글을 작성해 보고 이후 원하시는 분이 계신지 기다려보도록 하겠습니다.

위 게시글에서 배포한 위젯으로 만든 페이지를 접속하시면

"학습용 빈스킨 입니다" 와 같은 1줄의 문구만 보일 겁니다.

이제 해당 위젯의 스킨을 수정하도록 해보겠습니다.

/widgets/rx_study_dummy/skins/default/index.html

위 파일을 열어보시고 1줄의 내용을 모두 삭제하고 이제 아래 설명하는 내용으로 바꾸어서 저장해서 출력해 보시기 바랍니다.

라이믹스의 레이아웃, 모듈의 스킨 , 위젯의 스킨 등에는 먼저 설명한 것과 같이 php + html + js + css 등으로 구성되어 있습니다.

라이믹스의 경우 php 기반이라 php코드를 사용해서 기능을 구현하고 할 수 있는데요.

php 파일이 아닌 템플릿에서 php를 사용할 경우 라이믹스 템플릿 문법에 맞게 작성해야 합니다. 지금 설명하는 것 중 일부 이해가 안가는 용어 또는 내용은 그냥 넘어가셔도 됩니다.

지금 학습용 위젯의 스킨의 index.html 에 작성된 내용은 사실 라이믹스에서 컴파일 과정을 거쳐 php 파일로 변환이되어 실행이 되어집니다.

우리가 템플릿 문법으로 작성을 하면 이를 php에서 해석할 수 있는 코드로 변환되어 실행이 된다는 것 입니다.

이 스킨에 작성된 내용이 최종적으로 어떻게 변환되어 실행이 되는지 확인을 하고 싶다면

/files/cache/template/widgets/rx_study_dummy/skins/default/index.html.php

위와 같은 경로의 파일을 열어서 확인해 보시면 php 문법으로 어떻게 바뀌었는지 확인이 가능합니다.

처음부터 php 문법을 사용하지 않는 이유를 제가 정확히 설명하기는 어렵지만 라이믹스의 실행과 php의 실행 사이에 뭔가 영향을 주고 하는 것을 회피하기 위해서?? 라고 그냥 쉽게....

이제 스킨에서 등장하는 중괄호 { } 에 관해서 알아보겠습니다.

우선 일반적으로 php 코드를 작성할때

<?php 로 시작하고 php 코드를 작성 한 후 ?> 로 닫아주어서 php 종료를 알립니다.

이 영역 밖의 내용은 단순한 html 로 취급되어 출력이 되게 됩니다.

https://rxtip.kr/php/12349

php 기초를 설명한 게시글 중 위 게시글을 참고해 보세요.

우리 라이믹스 템플릿에서는

<?php 의 역할이 {@ 가 됩니다.

?> 의 역할은 } 가 됩니다.

이제 스킨의 내용을 모두 삭제한 후 아래의 내용을 작성해 보세요.

{@ $var = '라이믹스'; }

위 코드를 설명해 보겠습니다.

php 코드가 작성되었으며,

$var 가 등장했습니다. 그리고 = 의 등호가 등장했습니다.

이렇게 1개의 = 등호가 등장한 경우는 좌 우측이 같다는 의미가 아닌 우측의 값을 좌측에 대입을 한다는 의미입니다.

즉 $var는 변수가 되는 것입니다. $var에 새로운 값이 닮길 수 있다는 것이고 고정된 상수의 대응이 되는 의미입니다.

$var의 변수에 라이믹스 라는 값을 담았다는 코드 입니다.

'라이믹스' 라고 따옴표 안에 값을 넣은 경우는 문자의 값을 담을때 이렇게 작은 따옴표 또는 큰 따옴표를 사용해야 합니다.

마지막 ; 은 php 코드가 연속될때 코드의 끝을 알리는 용도입니다.

여러 코드를 연속해서 작성하면서 이 구분의 ; 를 사용하지 않으면 에러가 발생합니다.

php의 기초를 학습하고 싶다면

https://rxtip.kr/php 게시판의 글을 참조해 보세요.

이렇게 작성만 한 상태에서 저장을 하고 해당 파일을 적용하여 해당 페이지를 접속해 보세요.

네. 아무것도 없는 빈 화면이 출력이 되지요?

맞습니다. 위 코드 1줄에는 변수에 값을 담았고 그 후 무엇을 하라고 하는 코드가 전혀 없습니다. 따라서 출력할 내용이 전혀 없어 빈 페이지로 출력이 됩니다.

그럼 이제 저 변수를 출력하는 코드에 관해서 알아보겠습니다.

{@ $var = '라이믹스'; }
 {$var}

이제 {$var} 라는 내요의 1줄을 추가해 보겠습니다.

중괄호 안에 변수가 함께 하는 코드를 작성하면 해당 변수의 값을 출력하라는 것 입니다.

위 코드를 저장하고 적용해서 해당 페이지를 접속해 보면 화면에 이렇게 "라이믹스" 라고 출력이 되어집니다.

{$var} 라는 코드가 작동을 한 것입니다.

이건 php 문법으로는 <?php echo $var ?> 라고 작성을 한 것과 같습니다.

이러한 변수를 출력하거나 변수의 값을 이용하는 경우가 템플릿에서는 가장 많이 사용하기 때문에 알아두어야 할 문법입니다.

*참고

라이믹스에서는 {$var} 컴파일해서 php 코드로 변환할때 <?php echo $__Context->var ?> 이렇게 변환이 된다는 것은 참고로만 알고 계세요.

$var 가 $__Context->var 로 바뀐다는 것인데요. 컴파일 후 코드는 정확히 이해하지 못해도 됩니다. 저희가 작성하는 부분은 컴파일 후가 아닌 템플릿에서 문법이니까요.

그럼 조금더 실용적인 면에서 위 변수를 활용하는 코드 하나를 더 작성해 보고 이 글을 마치겠습니다.

{@ $var = '라이믹스'; }
 <li>사용하기 편리하고 보안에 뛰어난 {$var}!!!!</li>

php와 php가 아닌(html) 그리고 php변수 출력 이 섞인 문서가 되었죠.

위와 같이 적용하여 저장 한 후 해당 페이지를 접속해 보면

사용하기 편리하고 보안에 뛰어난 라이믹스!!!!

이렇게 html과 php가 해석되어진 결과가 화면에 출력이 되어지게 됩니다.

변수의 값을 "라이믹스" 가 아닌 다른 값으로 변경하면 해당 부분만 바뀌어서 출력이 되겠죠.

라이믹스의 템플릿에는 사실 코어나 해당 템플릿이 귀속된 모듈,위젯,애드온 등의 php에서 많은 변수들을 생성해서 템플릿에서 사용이 가능하도록 전달하고 있습니다.

지금 예제처럼 템플릿에서 변수를 직접 만들고 해당 변수에 수식이나 값을 넣을수도 있고 이미 만들어져 있는 변수들을 활용할 수 있게 됩니다.

배포된 자료의 템플릿(스킨 등)을 수정해서 기능을 새로 만들고 할때는 이런 변수를 많이 만들고 활용하게 됩니다.

라이믹스 템플릿(스킨,레이아웃 등)에서 수정 기능추가에 관한 내용의 강좌를 시작합니다.

꿀팁관리소장 — Tue, 24 May 2022 17:55:20 +0900

제가 아직 부족하지만 라이믹스와 php에 관해서 전혀 알지 못해 전혀 수정을 할 엄두를 내지 못하는 분들에게는 필요에 따라 기능을 추가하고 수정을 시도할 수 있도록 기초적인 부분에 관해 설명을 하는 내용의 게시글을 작성할 예정입니다.

대단히 높은 난이도의 내용도 아니고 어쩌면 이미 알고 계신 내용일 수도 있으니 제가 설명하는 부분중에 사실과 다르거나 틀린 내용도 있을 수 있으니 이점은 미리 알려드립니다.

우선 게시판 스킨이나 레이아웃에 직접 학습용 코드를 넣고 시연해 보기에는 조금 꺼름찍 하니 제가 더미용 위젯을 만들어 첨부해 드리니 이 위젯을 사이트에 업로드하시고 이 위젯의 기본 스킨을 수정하면서 학습을 하는 것으로 하겠습니다.

첨부의 파일을 내려 받은 뒤

사이트의 /widgets 폴더에 업로드 해주세요.

그리고 해당 위젯을 설치할 위젯페이지 하나를 만들어 주셔서 해당 위젯의 스킨의 변경한 내용을 바로 출력해 보면서 결과를 볼수 있도록 하겠습니다.

관리자 페이지의

사이트 메뉴 편집에서

위젯 페이지를 만들어 주시는데 저는 위젯을 따로 하나의 메뉴 아래 모아서 만들어 관리합니다.

저는 유틸리티 메뉴 -> 메뉴 추가 를 해서 만들었습니다.

위젯페이지로 만들어 주시고 메뉴 id는 rx_study로 만들어 주시면 됩니다.(다른 id로 만드셔도 상관은 없습니다.)

방금 만든 페이지로 이동하셔서 업로드 했던 위젯을 페이지 수정을 통해 설치할 것입니다.

페이지 수정을 누르시고 위젯 목록 중에서 "라이믹스 학습용 더미 위젯" 을 선택하고 오른쪽 "추가" 버튼을 눌러서 페이지에 해당 위젯의 설치 화면이 나타나게 해주세요.

만약 위젯 목록에 원하는 위젯이 보이지 않는다면 위젯을 ftp로 업로드하실때 뭔가 실수를 하신겁니다.(경로가 잘못되었거나 압축을 풀때 이중경로로 풀린 것을 그대로 업로드 했거나...)

위젯을 추가해서 저장까지 하고 나면 해당 페이지 /rx_study 에 접속하면 위와 같이

딱 1줄 만 출력되는 화면이 보이게 됩니다.

학습용 빈 스킨이라는 문구만 보일텐데요. 학습을 위해 앞으로 이 스킨을 수정하면서 결과를 볼 것이기에 스킨에는 별다른 내용이 없습니다.

나중에 이 스킨을 수정할 경우

/widgets/rx_study_dummy/skins/default/index.html

위 파일을 수정해서 화면에서 어떻게 출력이 되는지 확인하게 되니 위 파일의 위치를 확인해 두시고 또 수정을 하고 업로드해서 덮어 씌워서 결과를 보실지 아니면 직접 ftp로 접속해서 에디터로 실시간 수정하실지 편하신대로 하시면 됩니다.

*게시판 스킨,레이아웃,위젯 스킨 등과 같은 곳을 편하게 템플릿 이라고 부를 수 있습니다. 이 템플릿은 확장자가 .html로 되어진 파일을 가지게 되며 이 파일에 들어간 내용이 화면에 출력이 되게 됩니다.

*템플릿 코드에는 보통 PHP + HTML + 라이믹스 함수 로 구성되어 있습니다. 물론 스크립트가 포함되어 있기도 하고 js 파일을 로딩하여 스크립트가 적용되기도 합니다.

*기본적인 PHP를 추가하거나 해서 기능을 구현할 수 있고 html를 수정해서 보이는 모습을 다르게 하거나 혹은 새로운 내용을 출력하도록 추가하거나 할 수 있습니다.

*라이믹스 함수를 추가로 삽입해서 기본으로 제공되는 기능외 다른 기능을 추가할 수 있습니다.

스킨의 변경은 코어를 변경하는 것과 약간 다른 것으로 코어를 수정해서 사용하면서 발생되는 유지보수(업데이트)의 어려움 발생이나 그런것에서 자유로울 수 있습니다. 단, 코어배포시 함께 배포되는 스킨이라면 코어업데이트 시 수정한 내용이 사라지게 될 수 있으니 이러한 경우는 직접 관리하면서 업데이트 후 다시 수정하는 어려운 작업이 반복될 수 있습니다. 따라서 코어에 포함된 스킨이 아닌 별도의 스킨을 사용하는 것이 관리적인 측면에서 유리합니다.

위젯페이지 까지 제대로 잘 설치되어 학습용 위젯페이지 접속이 잘 되신다면 다음 강좌에서 이제 해당 위젯의 스킨파일 index.html 파일을 수정해서 웹사이트 운영자가 필요한 경우 문구를 수정하거나 기능을 추가하거나 php코드를 사용하는 방법 등에 관해서 학습하도록 하겠습니다.