개발자 유자❤

IT/WEB

[JAVASCRIPT] Prototype이란?

💡 Prototype : Javascript의 모든 객체는 상위 객체 즉 부모 객체를 참조하며, 이 부모 객체를 프로토타입이라고 말한다. => Javascript 는 흔히 프로토 타입 기반 언어라 불린다. 💛 prototype Object : 함수를 정의하면 생성되는 객체 var obj = {}; => var obj = new Object(); //함수를 통해 생성 ex1) 1. Person이라는 객체를 생성하면 Person의 prototype 객체도 생성 2. Person에 prototype이 생기면서 prototype 객체를 가리킨다. 3. Person's prototype에도 constrctor가 생김으로써 Person의 소속임을 나타낸다. 1. kim이라는 객체를 생성하면 __proto__ 프로퍼..

IT/WEB

[JAVASCRIPT] addEventListener 이란?

💡 이벤트 리스너 : DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트 : 이벤트 리스너를 이용하면 특정 DOM에 JAVASCRIPT 이벤트가 발생할 때 특정 함수를 호출한다. 👉 JAVASCRIPT 이벤트 - 포커스 이벤트 (focus, blur) - 폼 이벤트 (reset, submit) - 뷰 이벤트 (scroll, resize) - 키보드 이벤트 (keydown, keyup) - 마우스 이벤트 (mouseenter, mouseover, click, dbclick, mouseleave) - 드래그 앤 드롭 이벤트 (dragstart, drag, dragleave, drop) 이벤트 리스너 등록하기 addEventLister 사용 DOM객체.addEventLis..

IT/WEB

[JAVASCRIPT] 화살표 (=>) 함수

💡 화살표 함수(Arrow function) : function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수 선언 가능 let sum = function sum(a,b) { return a + b; }; 위 함수를 아래 함수로 축약할 수 있다. let sum = (a,b) => a + b; 💛 화살표 함수 특징 화살표 함수에는 'this' 가 없다. - 일반 함수 : 함수가 어떻게 호출되었는지에 따라 this가 될 객체가 동적으로 결정됨. - 화살표 함수 : this가 동적으로 결정되는 것이 아니라 정적으로 결정됨. 즉 언제나 상위 영역의 this를 가리키게 되어 있음. var a = { name : "kim" call : function() { setTimeout(function()..

IT/WEB

[JAVASCRIPT-JSON] JSON KEY명 바꾸는 방법

//JSON 키 값 변경 function renameKey (obj, oldKey, newKey) { obj[newKey] = obj[oldKey]; delete obj[oldKey]; } const arr = JSON.parse(Result); arr.forEach(Result => renameKey (Result, 'Old', 'New'));

IT/WEB

[Easy UI] treegrid 데이터 가져올 때 에러 발생

해결하는데 진짜 너무 힘들었던 오류... Uncaught TypeError: $(...).treegrid is not a function. 무조건 이 순서대로 셋팅하기!

IT/WEB

[ECLIPSE-SAP] Eciplse(JAVA 웹 프로젝트)와 SAP 연동 방법

💡 JCO : JAVA에서 SAP 데이터를 가지고 올 수 있는 커넥트 💡 Eciplse(JAVA 웹 프로젝트)와 SAP 연동 방법 1. Eclipse 프로젝트 Properties -> Java Build Path -> Libraries에 sapjco.jar 파일 추가 2. librfc32.dll, sapjcorfc.dll 파일을 해당 PC OS환경을 확인하고 32bit -> system32 64bit -> syswow64에 추가 * librfc32.dll, sapjcorfc.dll 다운받을 때 본인의 os환경에 맞는 파일 다운 필수! https://support.sap.com/en/product/connectors/jco.html SAP Java Connector support.sap.com * JCO ..

IT/WEB

[JAVA SCRIPT] request.setAttribute, getAttribute 사용

💡 request.setAtttribute, getAttribute 사용 * request : 사용자의 요청 * response : 사용자의 요청에 대한 서버의 응답 * request.getParameter : String 타입만 불러온다. * request.getAttribute : List 타입 불러온다. 💛 서블릿 컨테이너 데이터 전송 list 데이터 전송 - request.setAttribute("객체명", 객체); try { list = new TestDAO().select(keyword); request.setAttribute("list",list); } catch (SQLException e){ e.printStackTrace(); } 💛 JSP 단에서 사용 1) HTML에서 바로 전송 re..

IT/WEB

[JSP] TAG 종류 / 사용법

💡 JSP란 : Java Server Page의 약자 : HTML 코드에 JAVA 코드를 넣어 동적 웹 페이지를 작성하는 웹 어플리케이션 도구 💛 JSP 동작흐름 - JSP 에 해당하는 서블릿 존재하지 않는 경우 1) 동작을 진행함으로써 .JSP를 요청 2) JSP 컨테이너(WAS의 구성요소 ex) Tomcat)가 JSP 파일 읽는다. 3) JSP 컨테이너가 Servlet (.java) 파일 생성한다. 4) .java 파일은 Servlet .class 파일로 컴파일 된다. 5) 서블릿에 클라이언트 요청 전달한다. 6) 서블릿이 요청을 처리한 결과를 응답으로 생성한다. 7) 응답을 웹 브라우저에 전송한다. - JSP 에 해당하는 서블릿이 존재하는 경우 1~4 생략 5) 서블릿에 클라이언트 요청 전달한다. ..

유자나라
'IT/WEB' 카테고리의 글 목록 (5 Page)