LWC Formatter
Salesforce용 Lightning Web Component(LWC) HTML 템플릿을 포맷합니다.
LWC Formatter 사용 방법
- 코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
- 필요하면 옵션을 조정하세요.
- 포맷된 결과를 복사하세요.
LWC Formatter 소개
LWC 템플릿은 HTML처럼 보이지만 바인딩을 따옴표 없이 씁니다. "{{value}}" 대신 {value}입니다. 일반 HTML 포매터는 거기에 따옴표를 추가해 컴포넌트를 깨뜨릴 수 있습니다. 이 도구는 LWC 규칙을 알고 있어 바인딩을 있어야 할 모습으로 둡니다.
for:each와 if:true 같은 지시문은 작성된 그대로 유지됩니다.
자주 묻는 질문
HTML 포매터를 쓰면 안 되나요?
따옴표 없는 바인딩을 올바르지 않은 HTML로 취급하여 따옴표를 추가할 수 있습니다. 이 도구는 템플릿을 LWC로 파싱합니다.
JavaScript 파일도 포맷하나요?
아니요, 템플릿만 포맷합니다. 컴포넌트의 JS 부분에는 Babel Formatter를 사용하세요.
Salesforce와 제휴 관계인가요?
아니요. LWC는 Salesforce 프레임워크이며 이 도구는 그 템플릿 구문을 포맷할 뿐입니다.
처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?
이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.