삽질하는 프로그래머 통통만두의 판톼스틱한 삽질기

onPrint() { const html = document.querySelector('html'); const printContents = document.querySelector('.modal-body').innerHTML; const printDiv = document.createElement("DIV"); printDiv.className = "print-div"; html.appendChild(printDiv); printDiv.innerHTML = printContents; document.body.style.display = 'none'; window.print(); document.body.style.display = 'block'; printDiv.style.display = 'none'..

Apache Cordova 니토비(Nitobi)가 만들고 어도비 시스템즈가 인수한 모바일 개발 프레임워크, 소프트웨어 프로그래머들이 Objective-C처럼 기기에 특화 된 언어들 대신 JavaScript, HTML5, CSS3을 이용하여 모바일 기기를 위한 응용 프로그램들을 만들 수 있게 한다. 응용 프로그램 결과물들은 하이브리드형태인데, 이는 모든 레이아웃 렌더링이 플랫폼의 네이티브 UI 프레임워크가 아닌 웹 뷰를 통해 수행되며, 단지 웹앱일 뿐만 아니라 배포를 위해 패키지화되면서 네이티브 기기 API에 접근할 수 있음을 의미한다. 위키백과 (아파치 코도바) 준비물 Nods.js (10.14.2) npm (6.9.0) JAVA JDK (1.8) Android emulate (LDPlayer 3.60)..

자바스크립트에서 객체 복사에 대해서 알아보도록 하겠습니다. 객체 복사에는 크게 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)가 있습니다. 우선 아래의 예제를 살펴보도록 하겠습니다. 얕은 복사(Shallow Copy)var user = { name: 'marsland.tistory.com' } console.log(user.name); // marsland.tistory.com var customer = user; console.log(customer.name); // marsland.tistory.com user.name = 'great marsland.tistory.com'; console.log(user.name); // great marsland.tistory.com conso..

js 를 하다보면 문자열 조합의 경우가 빠지지 않고(?) 발생하게 됩니다. alert 창을 띄울 때 안내문구와 변수의 조합이라던가 ajax 를 통해서 받아온 데이터를 가지고 동적으로 페이지에 랜더링할 때라던가 여러 가지 경우가 있습니다. 버튼을 클릭했을 때 count 변수의 값을 1씩 증가시켜서 alert 창을 띄우는 함수를 살펴보도록 하겠습니다. var clickCount = 0; function showClickCount() { clickCount++; var msg = '버튼의 클릭 횟수는 ' + clickCount + '회 입니다.'; alert( msg ); }뭐 이렇게 단순하게 변수 하나만을 가지고 문자열을 조합하는 것은 약과에 불과합니다. 만약 ajax 통신으로 json 데이터를 가지고 ta..