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에서 요소 간 계층적 관계를 나타낸다...

리액트는 프론트앤드 개발에 사용되는 프레임 워크이며, 흔히 '반응형 웹페이지'를 만들때 주로 사용된다. 또한 리액트를 사람들이 사용하는 가장 큰 이유는 Virtual DOM(가상 DOM) 때문이다. 웹 브라우저가 웹 사이트의 텍스트 문서를 읽어서 DOM(Document Object Model)이라는 트리 구조로 바꾸어서 사용자에게 보여주게 되는데, 웹 개발자들은 사용자의 반응에 따라 이 DOM 트리를 변경하여 웹 사이트의 내용을 갱신한다. 하지만 매번 변화가 있을 때마다 전체 화면을 새로 그리는 것은 성능에 좋지 않다. React는 이 문제를 해결하기 위해 Virtual DOM을 도입하였다. 우선 Virtual DOM은 웹 개발자들이 변화를 주고 싶은 부분만 반영하고 Virtual DOM 과 실제 DOM..

jQueryHTML 요소들을 조작하는 편리한 JavaScript 라이브러리이다. JavaScript와 다른 특별한 소프트웨어가 아니라 미리 작성된 코드를 모아둔 것이다 직겁 JS 코드를 작성하여 모든 기능을 구현할 수도 있짐나, 이 경우에 코드가 복잡하고, 개발 환경과 다른 브라우저에서 잘 작동을 안하는 등 브라우저 간 호환성을 직접 고려해야하느 등의 문제가 있기 때문에 전문 개발자가 작성한 라이브러리를 가져와서 사용하면 편하다. jQuery를 사용하기 위해서는 미리 작성된 JavaScript 코드를 임포트 해와야 하는데 부트스트랩 CSS 파일을 가져올 때와 마찬가지로 내 컴퓨터에 해당 파일을 저장해서 사용할 수도 있지만 온라인 상의 파일을 참조할 수 있다. HTML의 부분에 다음과 같은 코드를 imp..

Javascript는 프로그래밍 언어로 HTML 상에서 쓸 수 있는 언어이다. 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어 있고, 모든 웹서버는 HTML+CSS+Javascript를 응답 데이터로 주게 되어 있다. JS 변수, 상수 선언법JS에서는 변수를 let,var로 정의 할 수 있고 상수를 const로 정의 할 수 있다.  자바 스크립트에는 int,String 같은 변수 자료형을 선언해 줄 필요는 없다. 변수를 선언할 떄 var과 let을 사용할 수 있는데 var은 이전 JS 버전에서 사용하는 변수 선언 방법이다. var 변수명;let 변수명;상수를 선언 할 때는 const를 사용한다.const 상수명;console.log()에 여러 값을 한 번에 넣어 출력할 수 도 있습니다...