코딩테스트를 보던 중 xml형태의 문자열을 json형태로 파싱할 일이 생겼다. 흔히 프로젝트에서는 xml 라이브러리를 사용하면 되지만 코딩테스트를 할때는 Vanilla js를 사용하기때문에 parse하는 함수를 알아보겠다. Parse XML to JSON function parseXML (data) { var xml, tmp; if (!data || typeof data !== "string") { return null; } try { if (window.DOMParser) { // Standard tmp = new DOMParser(); xml = tmp.parseFromString(data, "text/xml"); } else { // IE xml = new ActiveXObject("Microsof..

프로젝트를 하던 중 rgb컬럼을 데이터의 양만큼 만들일이 있었다. 랜덤색상일 경우 랜덤함수를 돌려 rgb컬러를 생성하면 되지만 예를 들어 빨강색부터 파랑색까지 100개의 rgb컬러를 그라데이션으로 만들고 싶을땐 함수를 이용해야 한다. 동기가 검색하다 알려준 사이트에서 디버깅을 통해 함수를 뽑아냈다. 출처 : https://htmlcolors.com/color-mixer Color Mixer | Html Colors htmlcolors.com 이 사이트는 색상 두개를 선택해 step을 정하면 원하는 그라데이션 rgb를 웹에서 표현해준다. 나는 여기있는 사이트를 디버깅 하여 함수를 뽑아내봤다. interpolateHSL 이 녀석 함수를 사용하면 된다. 나머지 함수는 interpolateHSL안에 있는 함수들..

유튜브로 javascript를 공부하던 중 괜찮은 유튜버가 있어서 추천하고자 한다. youtu.be/wcsVjmHrUQg 드림코딩 엘리. 1~13까지 나온것은 다 봤다. 기초부터 설명하니 입문자가 듣기에도 좋고, 현직자도 리마인드 하기 좋은 것 같다.

프로젝트 진행 중 자식창에서 부모창 함수를 실행시킬 일이 빈번히 발생했다. 명령어는 간단하다. window.opner.함수이름(); 개발자 모드에 console에서 window.opner에서 속성을 보면 명령어가 다양하게 있는 것 같다.! 끝! 아 window창으로 띄우는 코드는 document.form1.target = "winName"; var gsWin = window.open("about:blank", "winName"); form1은 내가 submit하는 폼 이름이다.