본문 바로가기

JavaScript6

[JS] Excel 데이터 가져오기 // 아래의 코드는 내가 제작했던 프로젝트의 코드의 일부분이므로 사용 시, 상황에 맞게 조금 수정해서 사용하는 것을 추천한다.(어려운 코드는 없으니 충분히 이해 가능) // Excel Upload 버튼을 클릭하여 엑셀 파일을 첨부하고, 첨부하는 즉시 데이터를 json으로 추출한다. // 추출한 json data를 이용하여 양식을 특정 위치에 추가한다. 2023. 6. 8.
[JS] 스마트 에디터에 keyup 이벤트 등록 // 일반적인 방법으로는 사용할 수 없고 가이드문서를 참고해서 플러그인을 추가 제작해야 한다. // 가이드 문서 사이트의 [기능 추가 및 변경하기] - [새로운 기능추가] 를 참고하여 제작할 수 있다. 내가 추가 작성한 smarteditor2 keyup 코드 // smarteditor2/SmartEditor2Skin_ko_KR.html // smarteditor2/service/hp_keyup.js nhn.husky.keyup = jindo.$Class({ name: 'SE2_keyup', $init : function(elAppContainer){ // 플러그인을 생성하면서 동시에 초기화를 수행하려면 $init 함수에서 초기화를 수행한다. this._assignHTMLObjects(elAppContai.. 2023. 3. 13.
[JS] javascript 선택자 let element = document.elementById("mySpan"); element.parentNode; // 바로 위 부모(요소,주석,줄바꿈 포함) element.parentElement; // 바로 위 부모 요소 element.closest(); // 조상 요소 중 제일 가까운 요소 (Id,Class,속성값 등을 이용) element.childNodes; // 바로 아래 자식(요소,주석,줄바꿈 포함) 배열 element.children; // 바로 아래 자식 요소 배열 element.querySelectorAll(); // 자손 요소 전체 배열 (Id,Class,속성값 등을 이용) element.nextSibling; // 다음 형제(요소,주석,줄바꿈 포함) element.nextElem.. 2023. 3. 9.
[JS] javascript replaceAll function replaceAll(str, searchStr, replaceStr) { return str.split(searchStr).join(replaceStr); } 2023. 3. 9.
[JS] 그누보드의 smarteditor2 하이퍼링크 새창에서 열기 그누보드의 plugin 폴더에 있는 smarteditor2의 smarteditor2.js 소스를 보면 하이퍼 링크 새창에서 열기 옵션에 관한 코드가 주석처리 되어있고 skin 소스 코드에는 해당 부분이 없다. 주석을 풀고 skin 화면에 직접 코드를 넣었음에도 제대로 실행이 되지 않았다. ​ // smarteditor2/js/smarteditor2.js // 20513번쨰 라인 //this.oCbNewWin.checked = false; // 20520번째 라인 //if(sTarget && sTarget == "_blank"){this.oCbNewWin.checked = true;} // 20586번째 라인 if(this._validateURL(sURL)){ //if(this.oCbNewWin.check.. 2023. 3. 9.
[JS] 선택된 영역의 텍스트 가져오기 // TEXT로 가져오기 - wfSel.getTEXT() // HTML 코드로 가져오기 - wfSel.getHTML() // 특정 문자열, 태그 등을 추가하기 - wfSel.insert(before, after) // 해당 문자열을 바꾸기 - wfSel.replace(str) // 태그 삭제하기 - wfSel.removeTag() const wfSel = (() => { let sel, range, content, node; return { setVariables: () => { sel = window.getSelection(); if (!sel) return; // Set variables range = sel.getRangeAt(0); content = range.cloneContents(); nod.. 2023. 3. 9.

티스토리툴바