DEVLOG

Node.js: 설치, 코드 실행 (Windows 기준) Node.js: Webpack 설치하기 (Webpack 4 버전 기준) Node.js: Webpack 4 추가 설정 (CSS, HTML, dev-server)   require(‘./static/css/main.css’) // CSS 로딩 방법 console.log(“WELCOME”) // 기본 Babel만으로 동작 const funcEx = () => { alert(‘arrow’) } funcEx() // Promise 등은 Pollyfill을 필요로 한다. function msgAfterTimeout (msg, 더보기…

$.parseXML(string)은 스트링 형식으로 된 xml을 자바스크립트 객체로 파싱하는 역할을 한다. 이게 중요한게 아니고 크롬을 비롯한 기타 브라우저에서는 저걸 그냥 사용해도 이상이 없는데 인터넷 익스플로러에서만 발생하는 오류가 있다. <script> function xmlDocGenerator(tagName){ var xml = document.implementation.createDocument(“”, “”, null); var topNode = xml.createElement(tagName) xml.appendChild(topNode) return xml.cloneNode(true); } var xmlHeader = xmlDocGenerator(“elm:customTag”) xmlHeader = 더보기…

select ~ option의 선택된 값 읽기 $(“select option:selected”).val() // 또는 .text() 체크박스 체크되어있는지 알아내기 $(“#specific-checkbox).is(“:checked”) JQuery 전용 포맷 DOM을 일반용으로 변경 $(“#element-id”).get(0) 여러개의 같은 요소로 이루어진 리스트에서 한 칸 아래/위(다음/이전)으로 이동 $(“.each-div.active”).next().after($(“.each-div.active”)) $(“.each-div.active”).prev().before($(“.each-div.active”)) 해당 요소에 부여된 이벤트 트리거 $(“#element-id”).on(“click”, function(){…}) // 이벤트 부여 $(“#element-id”).trigger(“click”) // 해당 요소를 클릭했을 때의 이벤트 더보기…

[예제 사이트 가기] 이 예제는 예전에 만들었던 건데요 위와 같은 포맷의 일본 노래 가사를 이용해 학습 세트를 만드는 예제입니다. Quizlet(www.quizlet.com)은 플래시카드 학습 사이트인데, 카드 만들기 기능을 이용해 일본어 가사를 복붙하면 퀴즐렛에서 입력할 수 있는 포맷으로 바뀌며 이것을 이용해 퀴즐렛 문답세트를 만들 수 있습니다. 한국어로 해석된 일본 노래 가사들은 대개 [일본어 더보기…

자바스크립트에서 작업을 의도한 순서대로 처리한 방법에는 콜백, Promise, async – await 3가지가 있습니다. async – await가 최신 기술이며 3가지 방법들은 이전 개념을 이해해야 진행할 수 있습니다. 원래 프로그래밍 언어가 순서대로 처리하는 건데 왜 별도의 개념을 익혀야 하느냐 묻는다면, 자바스크립트에서는 비동기 처리라는 복잡한 문제가 있기 때문입니다. 비동기 처리란 특정 코드의 연산이 끝날 때까지 더보기…