JQuery: $.parseXML 과 IE의 WrongDocumentError 에러
문제점 $.parseXML(string)은 스트링 형식으로 된 xml을 자바스크립트 객체로 파싱하는 역할을 합니다. 크롬을 비롯한 현대의 브라우저에서는 이상이 없는데 인터넷 익스플로러에서만 발생하는 오류가 있습니다. <script> function xmlDocGenerator(tagName){ var xml = documen...
BGSMM
JQuery: 제이쿼리 사용법 이것저것 (select opiton, 체크박스, DOM, 위아래이동, 이벤트 부여, 배열 순회, 자식-부모 요소, AJAX, XML 파싱, 이벤트 한번만 실행 one)
select ~ option의 선택된 값 읽기 $("select option:selected").val() // 또는 .text() 체크박스 체크되어있는지 알아내기 $("#specific-checkbox).is(":checked") JQuery 전용 포맷 DOM을 일반용으로 변경 $("#element-id").get(0) 여러개의 같은...
로버트 W. 스미스(Robert W. Smith): 포세이돈의 바람(The Wind of Poseidon)
피터 로엘 분셰프트 박사와 호르스트라 대학 교향악단이 제작지원하고 또 그들에게 헌사되어진 곡 “포세이돈의 바람” 출처 : (교향곡 제 2번) 오디세이 Symphony No.2 “The Odyssey” - 로버트 W. 스미스 곡목 해설 (Program Notes) ‘최고의 서사시’로 일컫는 ‘호머’의 ‘오디세이’는 고대 ...
Vue.js: 컴포넌트 선언
이전 글: Vue.js: 기초 사용 방법 + 예제: 이름으로 보는 운세 요구사항 Home, Portfolio, Guestbook 3개의 메뉴로 된 홈페이지를 만들되 각 메뉴는 Vue.js의 컴포넌트를 사용하여 작성하시오. <!DOCTYPE html> <html lang="ko"> <head> <me...
자바스크립트 예제: 일본어 가사를 Quizlet으로 공부하자!
[예제 사이트 가기] 이 예제는 예전에 만들었던 건데요 위와 같은 포맷의 일본 노래 가사를 이용해 학습 세트를 만드는 예제입니다. Quizlet(www.quizlet.com)은 플래시카드 학습 사이트인데, 카드 만들기 기능을 이용해 일본어 가사를 복붙하면 퀴즐렛에서 입력할 수 있는 포맷으로 바뀌며 이것을 이용해 퀴즐렛 문답세트를 만들 수 있습니다. ...
자바: 직렬화 (Serialization) + 예제 - 게시판 비슷한 것
개념 직렬화란 자바의 객체를 네트워크 상에서 주고받게 하기 위하여 메모리에 저장된 객체를 바이너리 형식으로 변환하는 것을 뜻합니다. 역직렬화는 당연히 반대의 과정입니다. 이렇게 변환된 직렬화된 객체는 하드디스크에 저장하거나 네트워크 상으로 전송하여 다른 컴퓨터에서 사용하도록 할 수 있습니다. 직렬화를 하려면 대상 클래스가 Serializable ...
Java, Spring: 예제 - JspMvcHelper (Reflection을 사용해 ModelAndView 내의 객체들의 정보를 표시해 주는 프로그램)
이 프로그램은 자바의 Reflection 개념들을 연습하기 위해 만든 예제로 리플렉션을 이용하여 Spring 프로젝트에서 MVC 패턴을 사용할 때 컨트롤러 등에 있는 ModelAndView (+ Model) 객체의 정보를 프론트엔드 측에서 볼 수 있도록 가공해서 보여주는 프로그램입니다. 자바스크립트의 console.log() 등을 사용해 내용을 볼 수...
일본어 음이름(장조, 단조)
일본어에서 음이름을 표현할 때는 일반적인 도레미나 CDE를 쓰지 않고 고유의 표기법을 쓰는데, 이로하 노래라는 일본 전통 노래의 가사에서 빌려와 쓴다고 합니다. 이로하 노래의 첫 가사가 いろはにほへと로 시작하는데 여기서 ABCDEFG와 서로 대응하면 각 음이름을 다음 표와 같이 [하, 니, 호, 헤, 토, 이, 로] 로 표기합니다. 플랫...
JSP, Spring: EL(Expression Language), JSTL(Java Standard Tag Library) 기초 사용법
EL(Expression Language)과 JSTL(Java Standard Tag Library)은 자바 서블릿 또는 스프링을 이용한 MVC 패턴에서 컨트롤러가 뷰(View) 페이지로 전송한 정보를 표시하는 방법입니다. 1. EL 별도의 임포트 과정이 필요없고, JSP에서 바로 사용 가능합니다. 기본 사용 방법은 ${ 표현식 } 의 꼴로 ...
자바스크립트: 콜백, Promise, async - await 기초
자바스크립트에서 작업을 의도한 순서대로 처리한 방법에는 콜백, Promise, async - await 3가지가 있습니다. 3가지 방법들은 연관되어 있으므로 이전 개념을 이해해야 다음으로 진행할 수 있습니다. 모든 예제에 JQuery 코드 있으므로 참고해주세요. 예시로 만든 서버 측 페이지(PHP)는 너무 간단해서 비동기 문제를 거의 느낄 수 ...