PLOD

JavaScript에서 DOM 요소를 선택할 때, querySelector와 getElementBy 계열 메서드는 가장 흔히 사용되는 선택 방법입니다. 두 가지 방법 모두 DOM 요소를 선택하는 데 사용되지만, 사용법과 특징, 차이점이 있습니다.1. querySelectorquerySelector는 CSS 선택자를 사용하여 DOM 요소를 선택하는 메서드입니다. querySelector는 보통 복잡한 선택자가 필요할 때와 첫 번째 일치 요소만 선택하면 충분할 때 그리고 코드의 유연성과 가독성을 중시할 때 사용합니다.document.querySelector(selector);// id 선택const elementById = document.querySelector("#myId");// 클래스 선택const ..

JS에서 동적으로 수정하고 삭제할 때 Javascript의 표준 API와 JQuery를 사용하여 구현할 수 있다. .append(): 요소 내부의 뒤에서부터 내용을 채운다. 안녕하세요.prepend(): 요소 내부의 앞에서부터 내용을 채운다. 안녕하세요.remove(): 요소 자체를 지운다. 그래서 그 뒤로 jquery로 읽어낼 수 없다. 안녕하세요.empty(): 요소 내부를 비운다. 보통 append나 prepend 하기 전에 사용 안녕하세요.html(): 요소 내부를 비우고 태그를 실행한 내용을 채운다. 또는 태그 포함한 채로 내용을 가져올 수 있다..text(): 요소 내부를 비우고 태그 포함 있는 그대로 내용을 채운다. 또는 태그를 제외한 내용만 가져온다. removeChild() : ..

※ 해당 글은 다음 velog를 참고하여 작성되었습니다.https://velog.io/@oask12/2-jQuery%EB%B6%80%EB%AA%A8-%EC%83%81%EC%9C%84-%ED%95%98%EC%9C%84-%ED%98%95%EC%A0%9C-%EC%9A%94%EC%86%8C 🔥 # 2 jQuery(부모, 상위, 하위, 형제 요소)부모요소에는 parent(), parents(), .parentsUntil(), .closest() 이 있다.parent() : 선택한 요소의 부모 요소를 선택한다.parents() : 선택한 요소의 상위 요소를 모두 선택한다.parentsUntil() : 선택한 요소velog.io JS에서 부모 요소와 자식 요소는 HTML DOM에서 요소 간 계층적 관계를 나타낸다...

※ 해당 아티클은 [자바(Java) 알고리즘 문제풀이 입문 : 코딩테스트 대비] 강의를 참고하여 작성하였습니다.https://www.inflearn.com/course/%EC%9E%90%EB%B0%94-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4-%EC%BD%94%ED%85%8C%EB%8C%80%EB%B9%84/dashboard 자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비 강의 | 김태원 - 인프런김태원 | 자바(Java)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 코딩테스트에서 가장 많이 출제되는 Top 10 Topic을 다루고 있습니다. 주제와 연동하여 기초문제부터 중급문제까지 단계적으www.in..

※ 이 글은 '스프링 부트 쇼핑몰 프로젝트 with JPA' 책을 참고하여 적은 글입니다.지금처럼 이커머스를 기준으로 프로젝트를 진행할 때 장바구니(위시리스트)와 상품과 회원은 무조건 존재해야 될 엔티티이다.연관관계객체 지향 프로그래밍의 세계와 관계형 데이터베이스의 세계를 연결해주는 개념객체 간의 관계를 데이터베이스의 테이블과 매핑하기 위한 규칙과 방법을 제공연관관계 매핑의 종류는 다음과 같다일대일(1:1) : @OneToOne일대다(1:N) : @OneToMany다대일(N:1) : @ManyToOne다대다(N:M) : @ManyToMany엔티티를 매핑할 때는 방향성을 고려해야 한다. 테이블에서의 관계는 항상 양방향이지만, 객체에서는 단방향과 양방향이 존재한다.1. 단방향 연관관계단방향 연관관계는 한쪽에..

Redis를 사용해서 상품 정보 조회 성능 향상해보았다.상품 아이디 번호(Key)를 통한 상품 정보 캐싱 JMeter를 통해 부하테스트를 해보았다 조건은 다음과 같이 하였다.Thread 개수 : 10000Ramp-up : 30Loop Count : 1접근 페이지 : [GET] http://localhost:8082/product-service/product/2  10000명의 동시 접근 실시 캐싱 전(DB select query를 통한 직접 접근)과 비교하여 인메모리 DB Redis를 사용한 후 속도가 약 99% 정도 증가 되었다.참고https://seowoolog.tistory.com/74 [Spring] Redis로 조회 성능 개선 (Feat. Ngrinder)들어가며 캐시에 저장을 했지만 자주 히트..