SOAP Client 예제 (using java)
ITWeb/개발일반 2010. 5. 14. 22:03정리가 잘 된것 같아서 일단 북마킹... ㅎㅎ
첨부파일은.. 해당 사이트에서 받은 server/client 소스 코드 입니다. :)
'ITWeb/개발일반'에 해당되는 글 489건
SOAP Client 예제 (using java)ITWeb/개발일반 2010. 5. 14. 22:03http://www.soapuser.com/client2.html
정리가 잘 된것 같아서 일단 북마킹... ㅎㅎ 첨부파일은.. 해당 사이트에서 받은 server/client 소스 코드 입니다. :) Popup Window auto resize v1.0.0ITWeb/개발일반 2010. 5. 12. 10:23팝업창을 띄우거나 페이지내 동적인 iframe 을 삽입 하다 보면 창 크기를 조절 해야 할 때가 있지요. 팝업창의 경우 window.resizeTo 나 resizeBy 로 조절 하는데 resizeTo 는 브라우저간 표현 방식이 조금씩 달라서 사용하기 지랄 입니다. resizeBy 의 경우 상대적인 크기로 작거나 크거나 했을 경우 그 차이만큼 조절이 가능 하니 어지간 하면 다 적용 됩니다. frame 의 경우 쉽게 보면.. wysiwyg 에디터의 경우 frame 컨트롤을 하잖아요... 그걸 활용해서 조절 하면 됩니다. 아래 코드 중 IE 에서는 scrollHeight 를 사용하고 있고 그 이외에서는 body 에.. div 를 하나 삽입 한 후 offsetTop 으로 사용하고 있죠. 이유는.. scrollHeight 는 body 의 컨텐츠가 찾이 하는 높이가 되고.. offsetTop 은.. offsetParent 노드의 top 에서 삽입된 div 객체까지의 상대적인 거리가 되니까.. 동적으로 높이 조절이 가능하게 됩니다. Ref. https://developer.mozilla.org/en/DOM/element.offsetTop Ref. https://developer.mozilla.org/en/DOM/element.scrollHeight /* * IFrame & Popup Window Resize Control Module * * @package * @path * @filename resize.js * @author * @date 2010/05/11 * * Change History * Date Engineer Type Description * ---------- ------------------ --------- -------------------- * 2010/05/11 Henry Jeong Create Initial Create */ /*
* * IFrame & Popup Window Resize module object * */ var JResize = function () {}; /*
* @param * iframeid : frame id to resize * popupid : popup window id to resize * minHeight : resize minimize * width : popup window option * heigh : popup window optiont */ JResize.prototype.vars = { iframeid:"", popupid:"", minHeight:0, width:0, height:0 } JResize.prototype.setIframeId = function (v) {
JResize.vars.iframeid = v; } JResize.prototype.setPopupId = function (v) {
JResize.vars.popupid = v; } JResize.prototype.setMinHeight = function (v) {
JResize.vars.minHeight = v; } /*
* iframe auto resize * must window.onload = JResize.setIframe; */ JResize.prototype.setIframe = function () { var iframeid = JResize.vars.iframeid; var iframeObj = document.getElementById(iframeid); var minHeight = JResize.vars.minHeight; var h; try {
var doc = iframeObj.contentDocument || iframeObj.contentWindow.document; if (doc.location.href == 'about:blank') { iframeObj.style.height = minHeight+'px'; return; } if ( /MSIE/.test(navigator.userAgent) ) {
h = doc.body.scrollHeight; } else { var divObj = doc.body.appendChild(document.createElement('DIV')) h = divObj.offsetTop; divObj.style.clear = 'both';
divObj.parentNode.removeChild(divObj); } if (h < minHeight) h = minHeight;
iframeObj.style.height = h + 'px';
setTimeout( function () {
JResize.setIframe(); }, 200); } catch (e) { setTimeout( function () { JResize.setIframe(); }, 200); } } /*
* popup auto resize */ JResize.prototype.setPopup = function () { var ua = navigator.userAgent; var w = JResize.vars.width; var h = JResize.vars.height; document.body.style.overflow='hidden';
if ( /MSIE/.test(navigator.userAgent) ) {
window.resizeBy(w-document.documentElement.clientWidth, h-document.documentElement.clientHeight); } else { window.resizeBy(w-window.innerWidth, h-window.innerHeight); } } JResize = new JResize();
/*
// this is frame sample code. <iframe id="commentlist" name="commentlist" src="./frame.html" width="906" height="100" frameborder="1" marginwidth="0" marginheight="0" scrolling="no"></iframe> <script language="javascript"> <!-- JResize.vars.iframeid = "commentlist"; JResize.vars.minHeight = "200"; window.onload = JResize.setIframe; //--> </script> // this is popup sample code. <script type="text/javascript"> <!-- JResize.vars.width = 400; JResize.vars.height = 246; window.onload = JResize.setPopup; //--> </script> */ XML Parser javascript class v1.0.0ITWeb/개발일반 2010. 5. 11. 12:34XMLHttpRequest 와 더불어 유용할 것 같아서 만들었습니다.
역시 다른데 코드는 제 스타일도 아니고 읽기도 힘들고 그래서.. 후다닥 만들었다는.. recursive call 을 하기는 하지만 나름 쉽게 작성했습니다. 코드 가지고 태클은 금지.. ㅎㅎ /* * XMLParser Control Module * * @package * @path * @filename xmlparser.js * @author * @date 2010/05/03 * * Change History * Date Engineer Type Description * ---------- ------------------ --------- -------------------- * 2010/05/03 Henry Jeong create initialize */ /*
* * XMLParser module object * */ var JXmlParser = function() { }; /*
* * xml parser variables */ JXmlParser.prototype.vars = { parser : null, doc : null, xmldata : null, root : null, xml : null } JXmlParser.prototype.init = function() {
if (window.DOMParser) { JXmlParser.vars.parser = new DOMParser(); JXmlParser.vars.doc = JXmlParser.vars.parser.parseFromString( JXmlParser.vars.xmldata, "text/xml"); JXmlParser.vars.root = JXmlParser.vars.doc.childNodes.item(0); } else { JXmlParser.vars.doc = new ActiveXObject("Microsoft.XMLDOM"); JXmlParser.vars.doc.async = "false"; JXmlParser.vars.doc.loadXML(JXmlParser.vars.xmldata); JXmlParser.vars.root = JXmlParser.vars.doc.documentElement; } JXmlParser.vars.xml = new Object();
JXmlParser.vars.xml["length"] = JXmlParser.vars.root.childNodes.length; } JXmlParser.prototype.setXml2Array = function(pobj, node) {
var len = node.length; if (window.DOMParser) {
for ( var i = 0; i < len; i++) { if (node[i].nodeName.charAt(0) == "#") { continue; } pobj[i] = new Object();
pobj[i][node[i].nodeName] = new Object(); pobj[i][node[i].nodeName]["value"] = node[i].textContent; pobj[i][node[i].nodeName]["length"] = node[i].childNodes.length; pobj[i][node[i].nodeName]["attributes"] = new Object(); if (node[i].attributes && node[i].attributes.length > 0) {
var loop = node[i].attributes.length; for ( var j = 0; j < loop; j++) {
pobj[i][node[i].nodeName]["attributes"][node[i].attributes[j].nodeName] = node[i].attributes[j].nodeValue; } } if (node[i].childNodes.length > 0) {
JXmlParser.setXml2Array(pobj[i][node[i].nodeName], node[i].childNodes, node[i].childNodes.length); } } } else { for ( var i = 0; i < len; i++) { if (node[i].nodeName.charAt(0) == "#") { continue; } pobj[i] = new Object();
pobj[i][node[i].nodeName] = new Object(); pobj[i][node[i].nodeName]["value"] = node[i].text; pobj[i][node[i].nodeName]["length"] = node[i].childNodes.length; pobj[i][node[i].nodeName]["attributes"] = new Object(); if (node[i].attributes && node[i].attributes.length > 0) {
var loop = node[i].attributes.length; for ( var j = 0; j < loop; j++) {
pobj[i][node[i].nodeName]["attributes"][node[i].attributes[j].nodeName] = node[i].attributes[j].text; } } if (node[i].childNodes.length > 0) {
JXmlParser.setXml2Array(pobj[i][node[i].nodeName], node[i].childNodes, node[i].childNodes.length); } } } } JXmlParser = new JXmlParser();
/* * <script type="text/javascript"> <!-- var objDivDebug = * document.getElementById("divDebug"); * function run() { JXmlParser.vars.xmldata = "<?xml version='1.0' encoding='UTF-8'?><parser><totalcount type='number'><total>A</total><total>B</total></totalcount><items name='user' type='image'><item><seq>1</seq><id><![CDATA[jjeong****]]></id><originalImage><![CDATA[http://www.naver.com]]></originalImage><viewImage><![CDATA[http://www.naver.com]]></viewImage><thumbImage><![CDATA[http://www.naver.com]]></thumbImage><cheerMessage><![CDATA[한국어 테스트.]]></cheerMessage><register><![CDATA[20100503175621]]></register></item><item><seq>2</seq><id><![CDATA[layd****]]></id><originalImage><![CDATA[http://www.naver.com]]></originalImage><viewImage><![CDATA[http://www.naver.com]]></viewImage><thumbImage><![CDATA[http://www.naver.com]]></thumbImage><cheerMessage><![CDATA[CHEER MESSAGE]]></cheerMessage><register><![CDATA[20100503175621]]></register></item></items></parser>"; JXmlParser.init(); JXmlParser.setXml2Array(JXmlParser.vars.xml, JXmlParser.vars.root.childNodes); objDivDebug.innerHTML += JXmlParser.vars.xml.length + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"].value + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"].attributes.type + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"].length + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"][0]["total"].value + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"][0]["total"].length + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"][1]["total"].value + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[0]["totalcount"][1]["total"].length + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"].value + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"].attributes.name + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"].length + "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"][0]["item"] .length+ "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"][0]["item"][0]["seq"] .value+ "<br>"; objDivDebug.innerHTML += JXmlParser.vars.xml[1]["items"][0]["item"][1]["id"] .value+ "<br>"; } * //--> </script> */ */ XMLHttpRequest javascript 용 class v1.0.0ITWeb/개발일반 2010. 5. 11. 12:26여기 저기 널린 코드들은 많은데 맘에 드는 코드가 별로 없어서 기냥 만들었습니다.
도대체 코드를 보기 힘들게 작성하는 이유는 무슨 심리 인지.. 좀 쉽게 작성 하면 어디 덧나나.. ㅡ.ㅡ;; 참고 사이트 : http://www.w3.org/TR/XMLHttpRequest/ 뭐 아래 코드가 잘 짜진것도 아니지만.. 보기 쉽게 하려고 쬐금 노력은 했다는.. ㅎㅎ 이것도 보기 힘들다면.. 패스~ /* * XMLHttpRequest Control Module * * @package * @path * @filename xhr.js * @author * @date 2010/05/03 * * Change History * Date Engineer Type Description * ---------- ------------------ --------- -------------------- * 2010/05/03 Henry Jeong create initialize */ /*
* * XMLHttpRequest module object * */ var JXhr = function() { }; /*
* * xmlhttprequest variables */ JXhr.prototype.vars = { xhr : null, onreadystatechange : null, onload : null, onerror : null, onresponse : null, contenttype : "text/xml", overridemimetype : "text/xml", method : "GET", callUrl : "", async : true, header : [], // setRequestHeader responsedata : "XML", // responseText, responseXML params : "" } JXhr.prototype.init = function() {
if (window.XMLHttpRequest) { JXhr.vars.xhr = new XMLHttpRequest(); JXhr.vars.xhr.onreadystatechange = JXhr.vars.onreadystatechange; } else if (window.ActiveXObject) { try { JXhr.vars.xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { JXhr.vars.xhr = false; } if (JXhr.vars.xhr) {
JXhr.vars.xhr.onreadystatechange = JXhr.vars.onreadystatechange; } } } JXhr.prototype.open = function() {
var openUrl = JXhr.vars.callUrl; if (JXhr.vars.method == "GET") {
if (JXhr.vars.params != "") { openUrl += "?" + JXhr.vars.params; } } JXhr.vars.xhr.open(JXhr.vars.method, openUrl, JXhr.vars.async);
} JXhr.prototype.send = function() {
switch (JXhr.vars.method) { case "GET": JXhr.vars.xhr.send(null); break; case "POST": JXhr.vars.xhr.setRequestHeader("Content-type", "application/x-www-form-URLencoded"); JXhr.vars.xhr.setRequestHeader("Content-length", JXhr.vars.params.length); JXhr.vars.xhr.setRequestHeader("Connection", "close"); JXhr.vars.xhr.send(JXhr.vars.params); break; } } JXhr = new JXhr();
/* * <script type="text/javascript"> <!-- function getReadyStateChage () { if ( * JXhr.vars.xhr.readyState == 4 ) { if ( JXhr.vars.xhr.status == 200 || * JXhr.vars.xhr.statusText == "OK" ) { JXhr.vars.onresponse(); } else { * document.getElementById("divDebug").innerHTML = JXhr.vars.xhr.statusText + "<br>" + * document.getElementById("divDebug").innerHTML; } } } * * function getResponseData () { if ( JXhr.vars.responsedata == "XML" ) { * JXhr.vars.xhr.responseXML; } else { JXhr.vars.xhr.responseText; } } * * function run() { JXhr.vars.onreadystatechange = getReadyStateChage; * JXhr.vars.onresponse = getResponseData; JXhr.vars.method = "GET"; * JXhr.vars.callUrl = "http://HOSTNAME/test.txt"; * JXhr.vars.async = true; JXhr.vars.responsedata = "TEXT"; JXhr.vars.params = * ""; * * JXhr.init(); JXhr.open(); JXhr.send(); } //--> </script> */ 팝업 차단 alert 띄우기.ITWeb/개발일반 2010. 5. 7. 20:31내용에 오류가 있어서 수정 합니다.
크롬이 좀 문제가 있더군요. 크롬의 경우 팝업창을 차단 하기는 하지만 내부적으로 차단된 팝업창이 모두 로딩 된 상태로 유지 되기 때문에 모든 요소에 접근이 가능 하더군요. 왜 이렇게 만들었는지 짧은 생각으로는 사실 좀 이해가 안가긴 합니다. var objWin = window.open(URL, WINDOWNAME, OPTIONS); if ( navigator.userAgent.indexOf("Chrome") > -1 ) { // chrome 의 경우 최초 한번은 감지가 가능 하나 두번째 부터는 이미 팝업창이 로딩된 상태이기 때문에 감지가 안됩니다. } else { // FF, IE, Safari, Opera 감지 가능 if( typeof(win) == "undefined" || win == null || typeof(win.name) == "undefined"){ alert("팝업 차단됨"); } } Chrome 의 경우 팝업차단 감지를 완벽하게 하는 방법을 아시는 분은 정보 공유 좀 부탁 드려요.. ^^; Tip. 팝업차단은 사용자에 의한 1차 클릭과 액션에 의한건 모두 허용 됩니다. 다만 사용자의 1차 액션이후에 자동으로 발생 하게 되는 액션에 대해서는 모두 차단 됩니다. 역시 사용자의 액션이 아닌 자동으로 발생 하게 되는 액션에 대해서도 모두 차단 됩니다. window.open 을 사용 하다 보면.. popup block 으로 정상적인 실행이 안될 때가 있죠.. 이런 경우 popup block 에 예외 항목 등록을 해 달라는 alert 을 띄워 주면 단편적인 방법으로는 해결을 할 수 있을 듯 합니다. 각 브라우저 별로 popup block 방법이 좀 다릅니다. 아래 조건절 순서에 맞게 등록 하시면 거의 대부분 브라우저에서 alert 메시지를 띄울 수 있습니다. 테스트 브라우저 : IE, FF, CHROME, SAFARI, OPERA var objWin = window.open(URL, WINDOWNAME, OPTIONS); if ( typeof(objWin) == "undefined" || objWin == null || typeof(objWin.name) == "undefined" || typeof(objWin.document.READATTR) == "undefined" ) { alert("팝업이 차단 되었습니다. \n ABCD.COM을 등록해 주세요."); } 여기서 typeof(objWin.document.READATTR) 이 부분은 chrome 때문에 들어간 부분 입니다. 실제 chrome 에서는 objWin 이 object로, objWin.name 이 string 으로 objWin.document 가 object 로 return 해줍니다. 즉 window 객체는 가지고 있으나 실제 페이지 로딩은 되지 않았기 때문에 해당 페이지내 elements 나 attributes 를 read 하면 undefined 로 떨어집니다. 꼭 이렇게 해야 하는건 아니지만 이런 식으로 하면 된다 정도로 이해 하시면 될 것 같내요.. ㅎㅎ 위 코드는 팝업차단이 설정된 경우에만 테스트 된 코드 입니다. 팝업 차단이 해제된 경우에는 아직 테스트를 못한 코드이니 ㅎㅎ 감안하셔서 보세요. 모바일 브라우저 현황 - by wikipediaITWeb/개발일반 2010. 4. 13. 11:34원본글 : http://en.wikipedia.org/wiki/Mobile_browser
Default browsers used by major mobile phone and PDA vendors
Mobile Web 동영상 재생.ITWeb/개발일반 2010. 4. 2. 13:56얼마전 테스트 할 내용이 있어서.. iphone 과 옴니아2 에서 테스트를 한 내용입니다.
모바일 웹 서비스의 경우 동영상 재생을 어떻게 할까.. 궁금 하여 테스트를.. 미디어 서버가 없기때문에 다운로드 방식으로만 테스트를 진행했습니다. 이럴경우 데이터요금이 엄청 많이 나올수 있다는 점.. 일반 사용자들에게 충분히 알려줘야 할 듯 합니다. IPHONE 에서의 영상재생 방법 mp4, mov 등의 mpeg4 나 h.264 로 인코딩 된 파일이면 영상 재생이 가능 합니다. 제가 영상관련해서 전문가는 아니기 떄문에 자세한건.. 패스~ 웹 소스코드내에 아래와 같이 <a> 태그를 이용해서 링크만 걸면 다운로드 형태로 영상 재생이 가능 합니다. 아주 쉽죠.. MOV : <a href='http://movies.apple.com/media/en/iphone/2009/tours/apple-iphone3gs-guided_tour-en-20090629_320x180.mov?width=320&height=180'>영상보기</a> M4V : <a href='http://..../iphone.m4v'>영상보기</a> MP4 : <a href='http://..../iphone2.mp4'>영상보기</a> 옴니아2 에서 영상재생 방법 wmv 등의 미디어플레이어에서 재생 가능한 파일이면 영상 재생이 가능 합니다. iphone 과 다르게 http의 다운로드 형태로 진행을 하게 되면 미디어 플레이어로 재생이 될 때도 있고 안될때도 있고 상황에 따라 다르게 동작을 합니다. 웹 소스코드내에 아래와 같이 <a> 태그를 이용하고 protocol 을 http 가 아닌 rtsp protocol 로 링크를 작성 하시면 영상 재생이 가능 합니다. RTSP WMV : <a href='rtsp://..../winmo.wmv'>영상보기</a> 단말기에 flash 사용이 가능한 브라우저가 탑재되어 있다면 flash player 에 FLV 파일로 웹페이지내 embeded 형태로 영상재생도 가능 합니다. 이 방법은 iphone 에서는 안되는 방법이니 참고하세요... (이미 다 아시겠지만) JUnit 4 - annotation 설명ITWeb/개발일반 2010. 3. 16. 17:00@Test annotation
Test Case 를 만들어 줍니다. (선언) @Test public void blahMethod() { assertEquals("blah", result); } @Before & @After annotation 각각 setup 과 tearDown method 를 위한 annotation public void blahBeforeTest() { } @After public void blahAfterTest() { } @BeforeClass & @AfterClass @BeforeClass : test case 수행 이전에 한번 실행, @AfterClass : test case 수행 후 한번 실행 @BeforeClass public void blahBeforeTest() { @AfterClass public void blahAfterTest() { } @Ignore Test Case 수행을 무시 @기타 @Ignore("무시이유작성") @Test(timeout = 1000) : 시정한 시간이 경과 하면 test fail. (miiseconds) 사용하면 편한 mock 객체 - easymock - mockito JSTL if 예제들ITWeb/개발일반 2010. 3. 15. 18:27JSTP core tag:if <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <html> <head><title>Using the Core JSTL tags</title></head> <body> <h2>Here are the available Time Zone IDs on your system</h2> <jsp:useBean id="zone" class="com.java2s.ZoneWrapper" /> <jsp:useBean id="date" class="java.util.Date" /> <c:if test="${date.time != 0}" > <c:out value="Phew, time has not stopped yet...<br /><br />" escapeXml="false" /> </c:if> <c:set var="zones" value="${zone.availableIDs}" scope="session" /> <c:forEach var="id" items="${zones}"> <c:out value="${id}<br />" escapeXml="false" /> </c:forEach> </body> </html> // Save the ZoneWrapper.class into WEB-INF/classes/com/java2s //ZoneWrapper.java package com.java2s; import java.util.TimeZone; public class ZoneWrapper { public ZoneWrapper() { } public String[] getAvailableIDs() { return TimeZone.getAvailableIDs(); } } JSTL RT If <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <%@ taglib uri="http://java.sun.com/jstl/core-rt" prefix="c-rt" %> <html> <head> <title>If Caseless</title> </head> <body> <c:set var="str" value="jStL" /> <jsp:useBean id="str" type="java.lang.String" /> <c-rt:if test='<%=str.equalsIgnoreCase("JSTL")%>'> They are equal</c-rt:if> </body> </html> JSTL If Else <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <html> <head> <title>Using Choose,Otherwise and When</title> </head> <body> <c:if test="${pageContext.request.method=='POST'}">Ok, we'll send <c:out value="${param.enter}" /> <c:choose> <c:when test="${param.enter=='1'}">pizza. <br /> </c:when> <c:otherwise>pizzas. <br /> </c:otherwise> </c:choose> </c:if> <form method="post">Enter a number between 1 and 5: <input type="text" name="enter" /> <input type="submit" value="Accept" /> <br /> </form> </body> </html> JSTL If No Body <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <html> <head> <title>If with NO Body</title> </head> <body> <c:if test="${pageContext.request.method=='POST'}"> <c:if test="${param.guess=='5'}" var="result" /> I tested to see if you picked my number, the result was <c:out value="${result}" /> </c:if> <form method="post">Guess what number I am thinking of? <input type="text" name="guess" /> <input type="submit" value="Try!" /> <br /> </form> </body> </html> If with Body <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <html> <head> <title>If with Body</title> </head> <body> <c:if test="${pageContext.request.method=='POST'}"> <c:if test="${param.guess=='5'}">You guessed my number! <br /> <br /> <br /> </c:if> <c:if test="${param.guess!='5'}">You did not guess my number! <br /> <br /> <br /> </c:if> </c:if> <form method="post">Guess what number I am thinking of? <input type="text" name="guess" /> <input type="submit" value="Try!" /> <br /> </form> </body> </html> JSTL Quick 레퍼런스.ITWeb/개발일반 2010. 3. 15. 18:15원본링크 : http://cs.roosevelt.edu/eric/books/JSP/jstl-quick-reference.pdf 구글링 하다 찾은 자료구요.. 누구나 쉽게 얻을 수 있는 자료 입니다. 제가 너무 노력 없이 얻은 것 같아 미안하긴 하지만.. ㅎㅎ 정보의 공유란 좋은게 아닌가 싶내요.. :) 즐프~ |