어썸기린 어썸기린

전체 글

• [JSP]javascript 정규식표현에 대해 기초부터 심화까지

  IT정보 2020. 7. 29. 11:58

  정규식표현에 대해 좋은 글이있어 공유 합니다 개발하다보면 정규식 표현을 자주 사용하게되는데 아래 글 읽어보고 많은 도움 되셨으면 합니다. 아래 글은 javascript를 기준으로 정규식표현을 설명하는 글입니다. 언어마다 문법이 조금씩은 다를 수 있지만 거의 동일하니 이 글 보시면 정규식에 대해 궁금해 사셨던 분들에게 많은 도움이 될 것입니다. https://wormwlrm.github.io/2020/07/19/Regular-Expressions-Tutorial.html정규표현식 완전정복 - 재그지그의 개발 블로그JavaScript를 활용하여 정규표현식의 기초부터 심화까지의 개념을 짚어봅니다.wormwlrm.github.io

  Read More
• [JSP]JSP의 동작원리. 컴파일이 되어 실행되는 과정

  IT정보 2020. 7. 28. 11:13

  jsp의 동작원리. 컴파일이 되는 과정에 대해 알아보겠습니다. 많은 분들이 jsp파일은 컴파일 없이 그냥 실행이 되는줄 알고 있는 분들이 상당히 많이있습니다. 이 글을 읽고계신 분들도 많이들 그렇게 생각 하시고 계셨을 것이라 생각이 듭니다. 저또한 내용을 알기 전까지는 jsp는 자바 파일처럼 컴파일 과정을 거치지 않고 바로 실행이 되는 줄 알았습니다. 이렇게 생각을 하게 된 이유는 지금의 우리들은 개발을 할때 이클립스 같은 통합 개발 툴을 사용하기 때문입니다. 이클립스를 사용하여 개발을 하다보면 가장 대중적인 톰켓 등을 이용하여 서버를 구축하여 개발을 진행 하시게 될텐데, 이때 톰켓 서버에서 자동적으로 jsp파일을 컴파일 하여 class파일을 만들어 내기 때문에 우리들을 이것을 인식하지 못하고 있을 뿐입..

  Read More
• javascript 자바스크립트 런타임. 어떻게 동작하는가?

  IT정보 2020. 7. 27. 20:48

  자바스크립트의 동작원리에 대해 이해하기 쉽게 자세히 살명. 자바스크립트의 런타임. 런타임(runtime)이란? 프로그래밍안어가 구동되기 위한 환경을 말합니다. 자바스크립트가 어떻게 동작하는지에 대해 좋은 글이 있어 공유해드립니다. 자바스크립트에 대해 좀더 깊이 알고싶으신 분은 아래 글을 참고하시면 많은 도움이 됩니다. 출처.링크 자바스크립트 런타임. https://beomy.github.io/tech/javascript/javascript-runtime/[JavaScript] 자바스크립트 런타임Beomy Develop Pagebeomy.github.io 자바스크립트는 어떻게 동작하는가 https://engineering.huiseoul.com/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%..

  Read More
• [JSP]jquery 선택자(selector)

  IT정보 2020. 7. 24. 23:14

  jquery의 기본 선택자(selector) jquery를 사용하기 위해서는 원하는 DOM(document Object Model)을 잘 찾아가야 한다. 1. 태그명으로 찾기 $("div") 를 찾는다 2. id로 찾기 $("#testdiv") 를 찾는다 3. class명으로 찾기 $(".testdiv") 를 찾는다. 이정도만 알고있어도 실무에서 바로 사용가능하다.

  Read More
• [JSP] jquery removeAttr 속성제거(삭제)하기 attr제거(삭제)하기

  IT정보 2020. 7. 23. 15:27

  jquery 속성(attribute) 제거하는 방법 사용방법 $("요소명").removeAttr("제거하고싶은속성값"); //id가 testDiv인 요소에서 title이라는 속성을 찾아 없애줍니다. $("#testDiv").removeAttr("title"); 이러한 방법으로 removeAttr을 사용하여 속성을 제거 하기도 하는데, 간단하게 .attr 함수를 사용하여 값을 제거해버리는 방법도 있기때문에 상황에 맞게 사용하면 됩니다. 예제. removeAttr 대신 attr을 사용하는 방법. $("#testDiv").removeAttr("title"); $("#testDiv").attr("title","");

  Read More
• [JSP]jquery attr속성값 요소값 가져오거나 수정 및 추가하기

  IT정보 2020. 7. 23. 15:13

  jquery로 해당 요소(element) 의 원하는 속성(attribute)값을 가저오거나 해당 속성값을 수정(변경) 및 추가를 할 수 있는 방법. 사용방법 $("요소명").attr("찾고싶은 속성값"); $("요소명").attr("찾고싶은 속성값","셋팅하고싶은값"); 1.선택한 요소의 원하는 속성값 가져오기 //id가 testDiv인 요소에 적용되어있는 class명을 가저온다 $("#testDiv").attr("class"); 2.선택한 요소의 속성값을 변경 및 추가하기 //id가 testDiv인 요소에 title속성의 값을 "집주소"로 변경(추가) 한다. //title속성에 값이 있었다면 변경이되고, 없었다면 새롭게 추가한다. $("#testDiv").attr("title","집주소" ); $("#..

  Read More
• [JSP]jquery display 보이기 숨기기

  IT정보 2020. 7. 21. 09:51

  jquery를 가지고 특정 돔 display 여부 및 컨트롤 하기 jquery를 사용하여 display여부를 컨트롤 하는 방법이 몇가지 있습니다. 1.보여주기 $("#testDiv").show(); $("#testDiv").css("display","block"); $("#testDiv").css("display",""); 2.숨기기 $("#testDiv").css("display","none"); $("#testDiv").hide(); ##사용예제 function testBtn() { if ( $("#testDiv").css("display") == "none" ){ $("#testDiv").show(); }else { $("#sendDiv").hide(); }

  Read More
• [JSP]jquery class속성 제어하기

  IT정보 2020. 7. 20. 14:01

  jsp jquery class속성 제어하는 방법을 알아보겠습니다. jquery로 class속성제어는 웹개발시 아주 유용하게 사용하는 기능이니 숙지해두시면 좋습니다. 1.Class 추가 기존 class에 class를 하나 더 추가하는 방식 $('#testDiv').addClass('class_name'); 2.Class 삭제 해당 class를 찾아 삭제하는 방식 $('#testDiv').removeClass('class_name'); 3.Class 변경 기존class를 찾아 삭제하고 새로운class를 추가하여 변뎡되는 효과를 주는 방식 $('#testDiv').removeClass('old_class').addClass('new_class'); 4.Class 토글 클릭을 할때마다 해당class가 없으면 추..

  Read More