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. 단방향 연관관계단방향 연관관계는 한쪽에..