보통 LWC 나 AURA 같은경우는 컨트롤러 , js , html , css 클래스를 분리하는 구조이지만
VisualForcePage 에서는
js , html ,css 를 한 클래스(page)에서 같이 쓴다.
VFP 를 장점과 단점은 아래와 같다
[장점]
1. 속도가 빠르다 ( CRUD )
( 내기준 최대의 장점이라고 생각한다.. 체감으로는 LWC보다 빠른듯)
2. 세포에서 오랫동안 써온 언어라, 코드정보 or 개발 사례가 다양하다.
3. 자유롭게 화면을 그릴 수 있다.
4. PDF 보기와 엑셀다운로드 기능이 있다
[단점]
1. 한페이지에 js , html ,css 다 처리해서 코드가 길어진다.
2. 제약이 많다. vfp 전용 태그들을 써야한다.
3. 이번에 개발하면서 발견한건데 LWC안에서 VFP 를 임배드를 하면 @Remote 어노테이션이 적용이 안된다
VFP 의 기본 틀 코드는 아래와 같다
해당 구조에서 CSS , HTML , JS 입력해서 만들면 된다
Controller 는 별도로 apex 로 작성해야한다
<apex:page controller="컨트롤러 이름 ">
<head>
<!-- CSS 입력부분 -->
<style type="text/css">
@media print {
.page {
margin: 0mm;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-before: auto;
}
}
@page {
size: A4;
margin:5mm 5mm;
}
body {
font-family: Arial Unicode MS;
margin: 10px;
}
</style>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
</head>
<body>
<!-- JS 입력부분 -->
<script type="text/javascript">
</script>
<!-- HTML 입력부분 -->
<div class="content" style="margin-right:20px;">
<!-- VFP 에 노출시킬 html 코드 작성 -->
</div>
</body>
</apex:page>
'VisualforcePage' 카테고리의 다른 글
| VFPage 제약 (0) | 2024.05.13 |
|---|