Object를 Array로 변환

Tree 형태의 Object를 하나의 Array로 변환하는 함수이다. /* 변환 전 parent : { a : a, children : [{b : b}, {c : c}] } 변환 후 [{a, a}, {b : b}, {c : c}] */ function convertObjectToArray(tree) { const list = []; function pushItem(node) { if (!node) return; node.forEach(item => { list.push(item); const childrenKeyList = Object.keys(item).filter(key => Array.isArray(item[key])); if (childrenKeyList.length > 0) { childrenK..

• format_list_bulleted Front-End/Function
• · 2023. 8. 9.
• textsms

[Web🌐] Several ports (8005, 8080) required by Tomcat...

에러 현상 - 톰캣 실행 시 아래의 에러 발생 Several ports (8005, 8080) required by Tomcat v9.0 Server at localhost are already in use. The server may already be running in another process, or a system process may be using the port. To start this server you will need to stop the other process or change the port number(s). 해결 - 실행되어 있는 톰캣을 강제 종료 후 다시 시작한다. cmd 창을 실행하여 명령어 netstat를 입력한다. 현재 실행중인 톰캣 프로세스(PID 번호)를 찾는다..

• format_list_bulleted Error
• · 2023. 8. 7.
• textsms

[Web🌐] Refused to display '' in a frame because it set 'X-Frame-Options' to 'sameorigin'

환경A Spring 프로젝트의 iframe에서 B Spring 프로젝트의 화면을 호출한다.  에러 현상iframe에서 페이지가 나타나지 않고 Refused to display '' in a frame because it set 'X-Frame-Options' to 'sameorigin' 오류가 나타난다. 해결- 보안을 위하여 다른 사이트에서 로드할 때 허용 범위가 지정되어 있다. 호출하는 사이트(A 프로젝트)는 호출 당하는 사이트(B 프로젝트)에서 막은거라 할 수 있는 일은 없다.호출 당하는 사이트(B 프로젝트)에서 X-Frame-Options 설정을 해준다.DENY: 시도하는 사이트에 관계없이 페이지를 프레임에 표시 X SAMEORIGIN: 페이지는 모든 조상 프레임이 페이지 자체와 동일한 출처인 경..

• format_list_bulleted Error
• · 2023. 7. 12.
• textsms

[JS] JavaScript

자바스크립트(Javascript)는 스크립트 언어이자 프로토타입 기반의 프로그래밍 언어이다. HTML은 웹 페이지의 기본 구조를 담당하고, CSS는 디자인을 담당하며, 자바스크립트는 웹 페이지의 동작을 담당한다. 자바스크립트란 프로토타입 기반 객체지향 언어이다.자바와 혼동되는 경우가 많으나 자바는 클래스 기반 객체지향 언어이다.JavaScript와 JAVA의 공통점: 객체지향class Dog { constructor(name) { this.name = name; } bark() { console.log(`${this.name} is barking!`); }}const myDog = new Dog("Buddy");myDog.bark(); //Buddy is b..

• format_list_bulleted Front-End/JavaScript
• · 2023. 5. 31.
• textsms

파일 다운로드

1. GET으로 파일 다운로드function download(downloadUrl, filename) { const element = document.createElement('a'); element.setAttribute('href', downloadUrl); element.setAttribute('download', filename); document.body.appendChild(element); element.click(); document.body.removeChild(element);} 2. POST으로 파일 다운로드function download(downloadUrl, param, fileName) { const req = new XMLHttpRequest(); req.op..

• format_list_bulleted Front-End/Function
• · 2023. 5. 16.
• textsms

[Web🌐] ambiguous mapping. cannot map '' method

에러 현상 - 서버를 시작할 때 ambiguous mapping. cannot map '' method와 같은 에러 발생 해결 중복되는 URL의 메소드가 있어 나타나는 오류로 겹치는 URl 변경

• format_list_bulleted Error
• · 2023. 5. 15.
• textsms