syn.$l: 공통 라이브러리 기능을 제공합니다.

속성

syn.$l.logLevel

eventLog()에서 사용하는 로그 레벨 열거자(Verbose, Debug, Information, Warning, Error, Fatal)입니다.

메서드

식별자 / 유틸리티

syn.$l.guid()

GUID 규칙을 준수 하는 고유 ID를 조회합니다.

syn.$l.random()

기본값 8자리의 랜덤 문자열을 조회합니다.

syn.$l.getElement()

ID 문자열 또는 엘리먼트 객체를 받아 실제 노드로 정규화합니다.

syn.$l.execPrefixFunc()

브라우저 벤더 접두사(webkit, moz, ms, o)를 순회하며 지원되는 속성/메서드를 실행합니다.

인코딩 / 버퍼 변환

syn.$l.stringToArrayBuffer()

문자열을 ArrayBuffer로 변환합니다.

syn.$l.arrayBufferToString()

ArrayBuffer를 문자열로 변환합니다.

DOM 이벤트

syn.$l.dispatchClick()

지정된 노드에 마우스의 클릭 이벤트를 수행합니다.

syn.$l.addEvent()

지정된 노드에 이벤트 핸들러를 추가합니다.

syn.$l.addEvents()

지정된 노드들에 동일한 이벤트 핸들러를 추가합니다.

syn.$l.addLive()

지정된 ID에 Live 이벤트 핸들러를 추가합니다. 동적으로 추가되는 노드에 반응합니다.

syn.$l.removeEvent()

지정된 노드에 이벤트 핸들러를 삭제합니다.

syn.$l.hasEvent()

지정된 노드에 이벤트 핸들러가 있는지 확인합니다.

syn.$l.trigger()

지정된 노드에 적용된 이벤트 핸들러가 있는지 확인 후 실행합니다.

syn.$l.triggerEvent()

지정된 노드에 사용자 이벤트(CustomEvent)를 실행합니다.

DOM 조회

syn.$l.getValue()

엘리먼트 ID로 값을 조회합니다. 웹폼 컨트롤(synControls) 컨텍스트가 없는 일반 페이지에서는 defaultValue를 반환합니다.

syn.$l.get()

ID 식별자로 단일 노드 또는 여러 노드들을 조회합니다.

syn.$l.querySelector()

querySelector로 단일 노드 또는 여러 노드들을 조회합니다.

syn.$l.getTagName()

노드 이름으로 여러 노드들을 조회합니다.

syn.$l.querySelectorAll()

querySelectorAll로 여러 노드들을 조회합니다(다중 셀렉터 지원).

Enum 변환

syn.$l.toEnumValue()

enum 열거자의 키로 값을 조회합니다.

syn.$l.toEnumText()

enum 열거자의 값으로 키를 조회합니다.

CSV / TSD 데이터 변환

syn.$l.prettyTSD()

TSD(＾ 메타 구분, ｜ 컬럼 구분, ↵ 줄바꿈) 형식 문자열을 JSON으로 파싱합니다.

syn.$l.text2Json()

CSV 문자열을 JSON 객체로 변환합니다.

syn.$l.json2Text()

JSON 객체를 CSV 문자열로 변환합니다.

트리 데이터 변환

syn.$l.flat2Nested(), syn.$l.nested2Flat(), syn.$l.findNestedByID()

[
	{
	    "id": 0,
	    "parentId": 6,
	    "typeId": 0,
	    "field0": "London",
	    "field2": 5546919.064936,
	    "field3": 12667955.381901
	},
	{
	    "id": 1,
	    "parentId": 7,
	    "typeId": 0,
	    "field0": "New York",
	    "field2": 2297941.24812,
	    "field3": 7451762.537854
	},
	{
	    "id": 2,
	    "parentId": 5,
	    "typeId": 0,
	    "field0": "Dubai",
	    "field2": 9832458.096596,
	    "field3": 32491698.248662
	},
	{
	    "id": 3,
	    "parentId": 6,
	    "typeId": 0,
	    "field0": "Paris",
	    "field2": 22700818.88167,
	    "field3": 76902823.758745
	},
	{
	    "id": 4,
	    "parentId": 8,
	    "typeId": 0,
	    "field0": "Stockholm",
	    "field2": 3742748.296602,
	    "field3": 10250567.674588
	},
	{
	    "id": 5,
	    "parentId": 9,
	    "typeId": 0,
	    "field0": "Middle East",
	    "field2": 9832458.096596,
	    "field3": 32491698.248662
	},
	{
	    "id": 6,
	    "parentId": 9,
	    "typeId": 0,
	    "field0": "Europe",
	    "field2": 31990486.243208,
	    "field3": 99821346.815234
	},
	{
	    "id": 7,
	    "parentId": 9,
	    "typeId": 0,
	    "field0": "NorthAmerica",
	    "field2": 2297941.24812,
	    "field3": 7451762.537854
	},
	{
	    "id": 8,
	    "parentId": 6,
	    "typeId": 0,
	    "field0": "Scandinavia",
	    "field2": 3742748.296602,
	    "field3": 10250567.674588
	},
	{
	    "id": 9,
	    "parentId": null,
	    "typeId": 0,
	    "field0": "World",
	    "field2": 44120885.587924,
	    "field3": 139764807.60175
	},
	{
	    "id": 10,
	    "parentId": 0,
	    "typeId": 1,
	    "field0": "BOND-1001",
	    "field2": 3985.331955,
	    "node2": 2,
	    "field3": 20567.245997,
	    "node3": 3,
	    "field4": 1
	}
]

Tree 구조의 메뉴, 조직도 개발을 위한 JSON 객체 데이터 탐색 기능을 제공합니다.

객체 고정

syn.$l.deepFreeze()

JSON 객체의 속성을 수정하지 못하도록 재귀적으로 고정합니다.

Blob / DataURI / Base64 / File 변환

syn.$l.createBlob()

blob 정보를 생성합니다.

syn.$l.dataUriToBlob()

DataUri 데이터로 blob 정보를 변환합니다.

syn.$l.dataUriToText()

DataUri 데이터로 문자열 정보를 조회합니다.

syn.$l.blobToDataUri()

blob 정보를 DataUri 데이터로 변환합니다.

syn.$l.blobToDownload()

blob 정보를 파일로 다운로드 합니다.

syn.$l.blobUrlToBlob()

blob 주소 정보로 blob 정보를 반환합니다.

syn.$l.blobUrlToDataUri()

blob 주소 정보로 DataUri 데이터를 반환합니다.

syn.$l.blobToBase64()

blob 정보를 base64(DataUri) 문자열로 변환합니다.

syn.$l.base64ToBlob()

base64 문자열을 blob 정보로 변환합니다.

syn.$l.blobToFile()

blob 정보를 파일 정보로 변환합니다.

syn.$l.fileToBase64()

파일 객체를 base64(DataUri) 문자열로 변환합니다.

syn.$l.fileToBlob()

파일 정보를 blob 정보로 변환합니다.

syn.$l.urlToBase64()

URL 응답을 syn.$r.httpFetch로 조회하여 base64 문자열로 변환합니다.

syn.$l.resizeImage()

이미지 blob을 지정된 최대 크기로 축소하여 새 blob으로 반환합니다.

로깅

syn.$l.eventLog()

콘솔/화면에 이벤트 로그를 기록하는 중앙 로거입니다. syn.js 내부 전반에서 오류/경고 기록에 사용됩니다. (참고: getBasePath(), moduleEventLog()는 Node.js 런타임 전용 메서드로 브라우저에서는 제공되지 않아 이 데모에서는 다루지 않습니다)