본문 바로가기
반응형

전체 글34

특정 요소 삭제 (detach, remove, empty, unwrap) 어플에서 사용자가 다음 버튼을 누르면 팝업형태로 띄워서 보안키패드를 그리게 되어있었다. 그런데 사용자가 실수로 버튼이 두번 눌리게 되었고, 그러면 보안키패드가 팝업창 안에 두번 그려지게 되었다. 방어로직 구현을 위해 해당 보안키패드만 그리는 태그가 존재할경우 detach를 사용해서 해당 요소를 삭제하고 다시 보안키패드를 그리는 식으로 구현하였다. 특정 요소를 삭제하는 방법이 여러가지가 있는데 상황에 따라 맞게 사용하기 위해 정리해보고자 한다. $('#id').remove(); 선택한 요소를 DOM에서 삭제한다. 관련된 데이터나 이벤트도 같이 삭제된다 $('#id').detach(); 선택한 요소를 DOM에서 삭제한다. 관련된 데이터나 이벤트는 유지된다. append()나 prepend()와 같은 추가 메.. 2023. 11. 14.
spring 과 spring boot의 차이 프로젝트를 다녀보면 대부분의 프로젝트가 spring으로 되어있었다. 하지만 최근 채용공고등을 보다보면 boot도 많이 보이고 애초에 boot 경험자를 찾기도해서.. 둘의 차이에 대해 어렴풋하게만 아는거같아 한번 간단하게 정리해보고자 한다. spring framework란? 자바 EE 어플리케이션을 빌드할 수 있는 오픈소스 경량 프레임워크이다. spring boot 란? spring + boot(strap). spring 프레임워크를 기반으로 한 Java 기반의 경량화된 웹 어플리케이션 개발을 위한 프레임워크이다. 초기 설정과 복잡한 환경 구성을 단순화하여 개발자가 핵심 비즈니스 로직에 더 집중할 수 있도록 도와준다. spring과 spring boot의 차이점 특징 spring spring boot 프로.. 2023. 11. 10.
match / toFixed match 업무 진행하면서 email, 전화번호 등 정규식을 활용할때가 참많다. 그때마다 쓰는 메서드인 match에 대해서 정리해보고자 한다. JavaScript에서 match() 메서드는 문자열에서 정규 표현식을 사용하여 패턴과 일치하는 부분을 찾아 배열로 반환하는 메서드이다. 이 메서드는 주로 문자열 내에서 패턴을 검색하거나 추출하는 데 사용된다. 일치하는 부분을 배열로 반환하고. 일치하는 패턴이 없으면 null을 반환한다. 여기서 regexp는 검색하려는 정규 표현식 패턴이다. 예시로 보는것이 빠를것 같다. 예시 코드에서 /d+/g는 문자열에서 하나 이상의 연속된 숫자에 일치를 뜻한다. 결과를 보면 이렇게 출력되는걸 볼 수 있다. toFixed JavaScript에서 숫자를 소수점 이하의 특정 자릿.. 2023. 11. 8.
this $(this) 차이 프론트 개발 작업 중 asis 소스에서 어떤건 this로 처리하고 어떤건$(this)로 처리하는 내용을 확인했다. 현재 그 개발자가 없어서 어떤의도가 있어서 그렇게 작업했는지 물을 수 없어서... 다른차이점과 혹시 구분해서 써야하는지? 라는 의문이 들어 확인한 내용들을 포스팅으로 작성한다. ★ 자바스크립트의 this this의 경우는 DOM object로서 해당 이벤트가 발생한 요소를 표시해주고 ★ jQuery의 $(this) $(this)는 javascript의 this를 jQuery wrapper로 감싸준것으로 보면된다. object 형태이기 때문에 jquery 메소드 사용이가능하다. 그러나 javascript의 native메소드 들은 사용할 수 없다. 만약 this와 같은 데이터를 갖기 위해서는 $.. 2023. 11. 4.
반응형

티스토리툴바