반응형 [개발] Programming198 이클립스 must override a superclass method 오류 해결 방법 must override a superclass method 이클립스 프로젝트에서 오류가 발생하는데, 자바 버전도 잘 설정되어 있고 라이브러리도 다 임포트 되어 있는데, override 오류가 없어지지 않는다. svn clean, 프로젝트 clean 전부 소용없다. 결론은 자바 compile 환경이 안 맞았기 때문.. 해결 방법은 다음과 같다. 이클립스에서 Window > Preferences 클릭 팝업에서 Java > Compiler 선택 우측 상단 Configure Project Specific Settings.. 클릭 컴파일 시 자바 버전이 1.5로 되어 있었다니.. 현재 프로젝트에 맞게 변경해 준다. 다시 프로젝트를 빌드해주니 드디어 오류가 없어졌다~! 성공!ㅎㅎ 2021. 8. 3. jQuery mouseover 이벤트 - 마우스 커서를 올리면 인식하기 웹 프런트 단을 개발하다 보면 가장 흔하게 사용하는 자바스크립트 이벤트는 아마 mouseover 이벤트일 것이다. 해당 이벤트는 마우스 커서를 이벤트가 바인딩된 태그(엘리먼트) 올려두면 트리거 되는 방식이다. 이는 클릭 이벤트와는 다른 형태이다. HTML 소스 마우스 올려보삼. jQuery 소스 $(document).ready(function () { $("#testId").mouseover( function () { alert("뿌잉 뿌잉"); }); }); 위 소스를 보면 '요기 마우스 올려보삼.' 이라는 문구가 페이지에 노출될 것인데, 여기에 마우스 커서를 올려 두면 '뿌잉 뿌잉' 이라는 문구의 알럿이 뜬다. 또 다른 방법으로는 아래와 같이 구현할 수 있다. 결과는 당연히 동일~! $(documen.. 2021. 8. 1. 깃허브 push 할 때 실행되는 웹 hook 설정하기 Web Hook by GitHub Push 이번 포스트에서는 깃허브에 Push를 할 경우 젠킨스나 기타 시스템과 연동하기 위해 사용하는 웹 hook 설정 방법을 알아본다. 이는 CICD 환경에 필수고 솔직히 깃을 사용할 거면 대부분은 사용하는 설정일 정도로 유용하다. 우선 어드민 계정으로 로그인한 뒤, Settings 메뉴로 들어간다. 그럼 바로 Webhooks 메뉴가 왼편에 보인다. 설명 : " Webhooks allow external services to be notified when certain events happen. When the specified events happen, we’ll send a POST request to each of the URLs you provide. " 'Ad.. 2021. 7. 31. 자바스크립트 노드(태그) 리스트 조회하는 함수 - querySelectorAll() 웹 개발하다 보면 동적으로 특정 노드(엘리먼트)를 수정하게 되는 경우가 흔히 발생한다. 이때 자바스크립트 함수 querySelectorAll()을 사용하면 태그의 id로 하위 노드의 객체를 리스트 형태로 모두 호출할 수 있다. 해당 함수는 아래와 같이 사용할 수 있다. var list = document.querySelectorAll("id 또는 class 명"); querySelectorAll()의 특징이 있는데, CSS 같은 방법으로 사용한다는 점이다. 즉, 노드를 접근할 때 아래와 같이 계층 구조로 접근하면 된다는 것이다. idName 이라는 태그 하위에 li 태그들을 호출한다는 의미이다. var list = document.querySelectorAll("#idName li"); 그럼 예를 들어 .. 2021. 7. 27. 자바스크립트, 태그에 이벤트 함수 바인딩하기 - addEventListener() html 노드(엘리먼트)에 이벤트를 바인딩하는 방법은 간단하게 addEventListener()라는 함수로 해결할 수 있다. 그럼 동적으로 생성되는 태그에도 onchange, onclick 같은 함수들을 사용할 수 있게 된다. 우선 함수는 아래와 같이 사용하면 된다. window.addEventListener("load", function(){ 노드객체.addEventListener( "이벤트 종류", 함수 정의 ); }); 예제를 통해 사용 방법을 알아보자. 아래와 같은 html 코드가 있고, test2 태그에 click 이벤트를 바인딩해본다. test1 test2 해당 태그의 id 값은 test2이고 이를 가지고 해당 태그의 객체를 읽어 온다. 객체는 document.querySelector("#te.. 2021. 7. 25. 자바스크립트 document.getElementById() - id로 dom 요소 찾기 바닐라 자바스크립트로 특정 엘리먼트(요소)를 id 기준으로 찾기 위해서는 document.getElementById() 메서드를 사용할 수 있다. 이 함수를 이용하면 해당 태그의 객체를 반환받아 여러 가지 작업을 진행할 수 있다. 형식 : document.getElementById("아이디 명"); 예로 아래와 같은 HTML 소스가 있다고 가정하고, 1 2 3 4 5 자식1 자식2 자식3 cs id가 test2인 엘리먼트의 객체를 접근하고 싶으면 아래와 같이 할 수 있다. 그러면 test2에 해당되는 요소의 객체가 반환될 것이고, 콘솔 창에 출력해보고 싶으면 'textContent'를 활용하면 된다. 그러면 결과 값은 '자식2'가 나온다. 1 2 3 4 5 6 7 8 9 var tmp2 = documen.. 2021. 7. 20. 이전 1 ··· 4 5 6 7 8 9 10 ··· 33 다음 728x90
