My Coding World

아래와 같은 오류를 만나면 당황하게됩니다. 모달을 사용해서 프로그램을 제작중인데, 이 오류는 일반적으로 JavaScript 코드에서 예기치 않은 문자나 기호를 사용하는 경우 발생합니다. 이 오류가 발생한 원인을 찾으려면 코드에서 어떤 부분에서 오류가 발생하는지 확인해야 합니다. 가능한 몇 가지 원인을 살펴보겠습니다. 괄호 또는 따옴표 사용 오류: 괄호 또는 따옴표가 열렸지만 닫히지 않았거나, 열고 닫는 따옴표나 괄호가 서로 일치하지 않는 경우 발생할 수 있습니다. 잘못된 변수 이름: 잘못된 변수 이름을 사용한 경우 JavaScript는 그 변수를 인식하지 못하고 오류를 발생시킵니다. 문법 오류: JavaScript 코드는 특정한 문법을 따르기 때문에 잘못된 구문이나 표현식을 사용하면 오류가 발생합니다. ..

서버에 저장하는 것이 아니라, 가볍게 브라우저에 저장하는 방법도 필요한 것 같아서 정리합니다. 현재 페이지에 변수를 저장하기 위해서는 JavaScript를 사용할 수 있습니다. JavaScript는 클라이언트 측에서 실행되는 스크립트 언어로, HTML과 함께 사용하여 동적인 웹 페이지를 구현할 수 있습니다. 변수를 선언하고 현재 페이지에 저장하려면 다음과 같은 코드를 사용할 수 있습니다. // 변수를 선언하고 값을 할당합니다. var myVariable = "Hello, World!"; // 현재 페이지의 localStorage에 변수 값을 저장합니다. localStorage.setItem("myVariable", myVariable); 위 코드에서는 var 키워드를 사용하여 myVariable 변수를 ..

프로그램이 점점 길어지고 있다..... 물론 중요부분을 함수로 만들어서 써야 하지만, 개발하다보면.. 마음이 급해서 막 적고 나중에 정리하는 습관이 생겼다. 마음적으로 뭔가 안풀릴때 하나하나 초심으로 가서 정리하며 에러코드를 찾는다. 자바스크립트 또는 제이쿼리 구문 중 많이 쓰는 것을 정리해서 그런 항목이 나올때 가져다 쓰고자 글을 쓴다. 보통 비동기식으로 처리할때 시간의 간격을 주고자할때 함수를 호출할때 주로 사용하는데, setTimeout... 많이 쓴다. // 현재창 reload setTimeout(function() { location.reload(); }, 1500); // 부모창 reload setTimeout(function() { $(opener.location).attr("href", "..

DXF 파일을 생성하는 자바스크립트 코드, 라인 0,0에서 10,10을 그리는 dxf파일 작성 결과는 example.dxf 파일로 다운로드... 자바스크립트로 어떻게 코드를 만드는지 간단설명입니다. // DXF 파일 내용을 담을 변수 var dxfContent = ''; // 라인 정보 var line = { start: { x: 0, y: 0 }, end: { x: 10, y: 10 } }; // DXF 파일 헤더 정보 dxfContent += '999\nJavaScript DXF\n0\nSECTION\n2\nHEADER\n9\n$ACADVER\n1\nAC1015\n0\nENDSEC\n'; // DXF 파일 바디 정보 dxfContent += '0\nSECTION\n2\nENTITIES\n'; dxfC..

ajax로 뭔가 실행할때.... 중복되서.. 날라오는 것들.... 이럴때 번뜩이게 생각난거 '그래 임시키를 만들어서 체크해 보자' 특히 새로 뭔가 작성할때... 기존의 코드가 없으니... 뭔가 불안해서 저장하고 싶은데, ID가 없다고 징징대긴 싫다. 그래서 임시로 자바스크립트를 활용해서 키를 만드는 간단한 코딩 function generateKey() { let key = ''; const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for (let i = 0; i < 7; i++) { key += characters.charAt(Math.floor(Math.random() * characters.length..

웹사이트를 만들다 보면 자주 보는 x마크... 그걸 누르면 옆의 input내용이 삭제되는 것을 보는데요, 이거 그냥 뭐 옵션하나 넣으면 되는거 아냐? 라고 생각했다면... 착각입니다. css 등록부터 여러가지 동작설계등 필요합니다. ^^ 실제 만든 코드를 가지고 넣어볼게요~ 여기저기 저도 많은 사람들의 코드로 배웠으니, 하나씩 정리하면서 다른 분들에게 도움이 되어야겠지요... 은성레이져 옆의 'x'마크 누르면.. .inputWrap { position: relative; height: 40px; display: inline-block; } .inputWrap input { padding-right: 30px; height: inherit; } .inputWrap .btnClear { position: a..

자바스크립트를 정말 많이 사용하고 있는데, 코드를 효율적으로 관리하는 방법은 간단 정리해 봅니다. 1. 스크립트 태그로 파일 분리하기 HTML의 2. 모듈로 파일 분리하기 ECMAScript 2015부터 도입된 모듈은 자바스크립트 파일을 여러 개로 나누어 관리하는 또 다른 방법입니다. 모듈은 파일 간의 의존성을 관리하고, 필요한 모듈만 가져와서 사용할 수 있습니다. 예를 들어, main.js와 helper.js를 모듈로 나누어 구현하면 다음과 같습니다. // helper.js 모듈 export function sum(a, b) { return a + b; } // main.js 모듈 import { sum } from './helper.js'; console.log(sum(1, 2)); // 3 'hel..

test 이 코드에서 data-row-key="0" data-column-name="prod_cd" 해당되는 값만 변경하고자 하는 코드를 작성하고 한다면? 아래와 같이 JavaScript를 사용하여 해당 요소의 값을 변경할 수 있습니다. const tdElement = document.querySelector('td[data-row-key="0"][data-column-name="prod_cd"]'); tdElement.setAttribute('data-row-key', '1'); tdElement.setAttribute('data-column-name', 'new_column_name'); tdElement.querySelector('.tui-grid-cell-content').textContent =..