728x90 300x250 SMALL 분류 전체보기1128 html 특정 태그 안의 텍스트만을 가져오고 싶을때 방법1 삭제가져올 텍스트 contents() 메서드를 사용하여 box 클래스 요소 내의 모든 자식 노드를 가져온 후, 'filter()' 메서드를 사용하여 텍스트 노드만 선택한다. 그런 다음 text().trim()을 사용하여 텍스트 내용을 가져오고 앞뒤의 공백을 제거 한다. 방법2 삭제가져올 텍스트 box 요소를 복제한후 find('span').remove()를 사용해서 해당 요소 내의 span 요소를 삭제하고, 그 후에 복제된 요소의 텍스트를 가져오는 방식 2023. 12. 13. 캡슐화 자바스크립트에서 사용방법 캡슐화(Encapsulation)는 객체 지향 프로그래밍(OOP)에서 중요한 개념 중 하나로, 데이터와 그 데이터를 다루는 메서드(함수)를 하나의 단위로 묵는것을 말한다. 이는 객체의 상태를 외부에서 직접 접근하지 못하도록 하고, 오직 정의된 메서드를 통해서만 상태를 조작하도록 하는 것을 의미한다. 이로써 코드의 유지보수성이 증가하고, 객체의 내부 구현이 외부로부터 감춰지면서 한전성이 향상된다. 자바스크립트에서의 캡슐화 자바와 같은 언어에서는 명시적 접근 지정자를 사용하여 클래스의 멤버에 대한 접근을 제어한다. 하지만 자바스크립트에서는 명시적 접근 지정자를 지원하지 않기때문에 비슷하게 흉내 내어 사용할 수 있다. 접근 지정자 자바스크립트 자바스크립트 표현 방법 public 지원(기본) 프로퍼티 메서드 p.. 2023. 12. 11. 접근 지정자(Access Modifiers) 접근 지정자(Access Modifiers) 객체지향 프로그래밍에서의 클래스 멤버(필드, 메서드)에 대한 접근 권한을 제어하기 위해 사용되는 키워드나 특성이다. 주로 다음과 같은 세 가지 종류가 있다. 1. Public : 어떤 크래스든 해당 멤버에 접근할 수 있다.클래스 외부에서도 자유롭게 접근 가능 2. Private : 해당 멤버에 대한 접근이 클래스 내부에서만 가능하다. 외부에서는 접근 불가능함 이를 통해 캡슐화를 강화하고, 외부에서 불필요한 접근을 방지할 수 있다. 오직 객체 자기자신만 접근가능 3. Protected : 해당 멤버에 대한 접근이 클래스 내부와 해당 클래스를 상속받은 하위 클래스에서만 가능하다. 외부에서는 접근할 수 없다. 상속관계에서 유용하게 활용할 수 있다. 객체 내부와 자식.. 2023. 12. 8. 자바스크립트에서 추상화 추상화는 공통적으로 가지고있어야 하는 속성과 메서드를 뽑아내는 작업을 추상화라고 한다. 예를들어 아코디언 메뉴를 추상화 해보자 +-------------------------+ | Accordion | |-------------------------| | - sections: array | | + addSection(title): void| | + removeSection(index): void| | + expandSection(index): void| | + collapseSection(index): void| +-------------------------+ 위의 uml을 가지고 자바스크립트로 구현한다면 // Accordion 클래스 정의 class Accordion { constructor() { .. 2023. 12. 7. 이전 1 ··· 40 41 42 43 44 45 46 ··· 282 다음 728x90 반응형 LIST