My Coding World

회사에서 자체적으로 사용하는 무료Grid 몇년간 잘 썼는데, 요즘 무슨 문제인지 잘 안될때가 많네요. Jexcel이라고 많이 사용하는 무료 프레임워크인데, 얼마전부터 이상하게 접속오류가 발생해서 사이트에 들어가 보니, Jspreadsheet로 변경후 일부가 유료로 바뀐것을 알 수 있었습니다. 웹서버에 인스톨해서 사용할까도 찾아봤는데, 아직 실력이 부족해서 그런지 안되어서, NHN에서 만든 toast UI로 코딩을 변경하고 있어요. 크롬에서 아래와 같이 메시지가 원인인 것 같은데, 자주 일어나서 이번에 아예 이사하려고 합니다. 아무래도 보안문제인 것 같은데, 쉽지 않네요. 해결이... 무시하고 들어가면 일단 뜨긴 합니다. 그런다음, 사이트에 들어가면 정상적으로 또 뜨는데, 몇시간 후엔 다시 안뜨고, 좀 짜..

아무래도 그리드를 이용한 웹프로그램을 만들면 화면에 보이는 자료를 다운로드해서 활용하는 것이 너무도 당연한 진행이겠죠. 이럴때 CSV파일로 저장해서 활용하면 더 효율적이라 할 수 있겠죠. 간단하게 CSV파일로 저장하는 자바스크립트, 바로 실행하기 좀 그래서 php파일로 저장했지만, 빨간색 글씨만 있어도 실행될거예요. 나머지는 공부하면서 주석달아서 작성했습니다. 출력결과는 엑셀에서 열어보면 아래와 같이 잘 나와있어요. 자바스크립트 csv파일 저장시 한글로 위와 같이 나오려면, 반드시 추가해야할 사항... 꼭 기억하세요. 이거 몰라서 몇시간을 찾아 해멨는지 모릅니다. 꼭 기억하세요.

function zoomin() { var myImg = document.getElementById("map"); var currWidth = myImg.clientWidth; if (currWidth == 2500) return false; else { myImg.style.width = (currWidth + 100) + "px"; } } function zoomout() { var myImg = document.getElementById("map"); var currWidth = myImg.clientWidth; if (currWidth == 100) return false; else { myImg.style.width = (currWidth - 100) + "px"; } } 세계지도를 줌인 줌아웃..

프로그램을 작성하면서 자주 사용하는 방법입니다. 알고 있으면 정말 유용한 php 배열을 자바스크립트에서 불러오는 확실한 방법입니다. php배열을 이제 자바스크립트에서 마음껏 불러와 보시면 어떨까요? PHP로 작성된 소스코드 : $array = array( array(1, 2, 3, 'a'), array(4, 5, 6, 'b') ); // 아주 간단한 배열이지요~ JavaScript Code : 이렇게 불러오면 됩니다. var js_array = ; 핵심은 'json_encode'란 함수를 사용하는 것이지요~ 멋진 프로그램의 세계로 오심을 환영합니다.^^

javascript html 폼의 submit 전송을 자바스크립트로 구현하는 방법 자바스크립트의 한계는 어디까지일까? 단지 아쉬운 것은 클라이언트 언어라서 서버를 직접 컨트롤하기 힘들고, 무엇보다도 폼으로 받은 자료의 처리가 php에 비해서 다루기가 너무 힘듭니다. 웹하면서 맨붕오는 경우가 이럴때 인데요, 하루에 한개라도 배울 수 있는 자바스크립트 너무 좋네요. 엑티브한 웹페이지를 만들려면 반드시 알아야 하는 멋진 언어가 아닌가 합니다. html, php로 작성한 폼의 submit을 자바 스크립트로 전송하는 방법은 실제 프로그램 구현하면서 해봤어요. 위의 금일, 당월, 당해년도를 클릭하면 검색버튼이 자동으로 눌려서 자료가 나오는 것을 구현해 보려고 했습니다. 당연히 검색 버튼은 form의 submit으로..

자바스크립트에서 php함수 호출해 보자구요~ 자바스크립트에서 php함수를 불러올수 있을까? 웬만하면 웹에서 불가능한 것은 없는 것 같습니다. 그 방법을 찾아서 어떻게 해결하냐가 관건이겠죠. 프로그램도 하다보면 내공이 많이 쌓이게 되는데요, 간단히 자바스크립트에서 php함수를 호출하는 방법은 아래 코드가 참조가 될 것입니다. test display 아주 간단하지만, 알고 있으면 너무도 유용한 것입니다. 자바스크립트를 이용한 php함수 호출이었습니다.

자바스크립트로 화면에 원을 그리고 싶다면 어떻게 해야할까? 일단 canvas에는 직사각형, 라인등을 그릴 수 있는 방법을 터득했다면 이젠 좀 더 난이도가 있는 서클, 원에 도전해 본다. 예제 하나면 충분하다고 생각한다. function draw() { var canvas = document.getElementById('canvas'); if (canvas.getContext) { var ctx = canvas.getContext('2d'); for (var i = 0; i < 4; i++) { for (var j = 0; j < 3; j++) { ctx.beginPath(); var x = 25 + j * 50; // x coordinate var y = 25 + i * 50; // y coordinat..

자바스크립트로 안되는 것이 거의 없다는 것 아시나요? 자바스크립트로 화면캡쳐를 통해 파일을 만들고 그 파일로 응용하고 이런 일련의 작업이 가능하다면 정말 멋지지 않을까 싶습니다. 자바스크립트로 그린 화면을 파일로 저장해서 DB에 보관하는 절차.... 이런식으로 활용한다면 얼마든지 멋진 나만의 프로그램이 가능할 것 같아요~ 자바스크립트는 수많은 라이브러리가 많아서 잘 활용만 한다면 그 복잡한 프로그램을 순순히 짜서 하는 절차가 생략됩니다. 그러니까 그런 기능이 있는 파일을 사용하는 활용법에 대한 공부가 살짝 필요한 부분이지요. 위의 사이트의 힘을 빌릴 것입니다. https://html2canvas.hertzen.com/ 스크린샵을 위한 js파일을 얻는 곳이기도 하지요. html2canvas - Screen..