java18 jQuery를 이용하여 객체 제어, 선택, 요소 추가, 대체, 삭제 목차 기본문법 선택자 선택한 요소 필터링 input 요소 선택 map 사용 getter, setter 요소추가 요소복사 요소대체 요소삭제 요소탐색 요소크기 요소위치 제이쿼리 (jQuery) 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. jQuery 를 이용하면 DOM를 사용하는 것 보다 훨씬 효율적으로 필요한 객체 조회할 수 있습니다. 객체를 조회할 때 CSS 선택자를 이용합니다. 참고 사이트 jquery CDN을 통해 사용 기본 문법 Document 객체의 ready() 메소드 자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야 합니다. - 아직 생성되지 않은 HTML 요소에 속성을 추가하려고 할 경우 오류 - 로드되지.. 2022. 4. 10. Proxy Pattern 프록시 패턴 - 구조, Heavy object를 대리할 light object를 생성 | Design pattern 디자인 패턴 Proxy Pattern 프록시 패턴은 surrogate 와 다른 객체의 접근에 대한 통제를 할 수 있는 placeholder를 제공한다. 객체의 대리자를 이용하여 다른 객체로의 접근을 통제하는 패턴 대리 객체를 통해 원래 객체의 작업을 대신 수행 복잡한 작업과 단순한 작업을 나누어서 처리 원래의 기능을 수행하면서 부가적인 기능을 수행할 때 유용 문제점) 객체 생성에 비용(시간, 자원)이 많이 드는 Heavy object 가 있다. 프로그램이 종료될 때까지 한 번도 사용되지 않으면 시간, 자원의 낭비가 있다. Key Idea) Heavy object를 대리할 light object를 생성 - Heavy object와 동일한 인터페이스를 가지는 proxy (대리 객체) Heavy object 대신 prox.. 2021. 12. 4. Template Method Pattern 템플릿 패턴 - 행동, 메소드 내에 알고리즘 골격을 정의한다. | Design Pattern 디자인 패턴 Template Method Pattern 작업의 일부분을 캡슐화하여 전체 일을 수행하는 구조는 그대로 유지하면서 특정 부분을 바꾸는 패턴 메소드내에 알고리즘 골격을 정의한다. variant step의 구현을 subclass들에게 미룬다.(defer) 하위 클래스는 알고리즘 구조를 변경하지 않는다. variant step을 자신의 방법으로 구현한다. The AbstarctClass 는 템플릿 메소드를 포함한다. templateMethod() templateMethod() 에서 primitiveOperation 들이 사용된다. concrete invariant operations abstract variant operations hook (default or null operation) primitiveO.. 2021. 11. 27. Observer Pattern 옵저버 패턴 - 행동, 구독자(observers)와 주제(subject) | Design pattern 디자인 패턴 Observer Pattern Observer pattern allows a number of observer objects to synchronize its state with the subject's state. Observers(구독자, 가입자, 관찰자) 에게 특정 주제(subject)를 Push 하여 전달하거나 Pull 해서 Observer 를 필요시 주제를 가져온다. 옵저버 패턴을 트위터에 비유하여 표현한 사진을 보니 쉽게 이해가 되는 것 같다. 2개의 객체가 loosely coupled 되어있을때 , 두 객체는 상호작용한다. but 그것들은 서로를 모른다. 옵저버 패턴은 subject와 loosely coupled 된 옵저버들의 객체 설계 제공한다. 왜 그럴까? 오직 한 주제가 특정 인터페이스.. 2021. 11. 9. Composite Pattern Example code, Designing Menus with Composite .java | Design Pattern디자인 패턴 Designing Menus with Composite Waitress Waitress는 MenuComponent 인터페이스/추상 클래스 를 통해 Menu 와 Menuitems에 access 한다. MenuComponent Menu 와 MenuItem 의 interface를 나타낸다. abstract class 를 통해 클래스 내에 원하는 기본 메소드 구현 제공 공통연산과 Menu 조작 연산으로 구성 공통연산 : getName, getDescription, getPrice, print 조작연산 : add, remove, getChild MenuItem Both Menu and Menus override print() Menu we’ll use the getName() andngetDescription().. 2021. 10. 27. [Kotlin] Fast campus 강의 안드로이드 앱 개발 (코틀린) data class, Object data class 상속 불가, data 처리하기 위해 특화된 클래스data class 이름 () 안에 필드들을 정의할 수 있다. {} 안에 멤버필드나 메소드를 정의할 수도 있다. data 클래스도 멀티리턴처럼 보일 수 있다. (Destructuring Declarations) 가장 유용한 것은 copy() 함수 일반 클래스와 데이터 클래스 정의 class A { var name : String = "clas A" var power : Int = 0 } data class DataA(var name : String = "이름없음",var level : Int) { var jop : String ="" // 연산자 오버로딩에 data class 많이 사용 operator fun plus (d : DataA.. 2021. 10. 21. Composite Pattern - 구조, 개별 객체와 복합객체를 통합적으로 다루기, children의 저장 순서가 요구될 때 / ex) 메뉴 | Design Pattern 디자인 패턴 Composite Pattern Treat individual objects and Composite of objects uniformly. 개별 객체와 복합 객체를 클라이언트에서 동일하게 사용 child가 parent에 대한 참조자를 가지면 - tree traversal이 용이해지며 - child 자신이 제거되기를 원하는 경우 편리함 children의 저장 순서가 요구되는 경우 Composite Object (복합 객체) 사용자 정의 클래스를 도메인으로 하는 속성을 가진 객체 복합 객체 시스템에서 기본으로 제공하지 않는 사용자 정의 클래스(user-defined class)를 도메인으로 하는 속성을 가진 객체를 복합 객체(composite object)라 한다. 복합 객체에서 사용자 정의 클래스를 도메.. 2021. 10. 14. 싱글톤 패턴 코드 (Singleton pattern java code) | Design Pattern 디자인 패턴 / 초기화 Eager 초기화 클래스 적재시 1회 실행, 클래스 인스턴스 생성을 실제로 사용되기전에 먼저 진행 Static initializer private static final Singleton INSTANCE = new Singleton(); 예제 코드 public class Singleton { //1. 정적초기화문 + 2. private 생성자 -> 유일성 보장 private static Singleton uniqueInstance = new Singleton(); private Singleton() {} // 외부 호출 (new Singleton() 불가) // 3. 모든 client 가 사용할 global access point 제공 public static Singleton getInstanc.. 2021. 10. 8. Singleton 패턴 클래스의 인스턴스가 하나만 있는 것 | Design Pattern 디자인 패턴 디자인 패턴 Design Patterns 패턴이란 특정 context 내에서 주어진 문제에 대한 solution 이다. 문맥) 반복적으로 발생하는 상황 문제) context 내에서 이루고자 하는 목적과 제약 조건(constraint) 해결) 문제를 해결하는 일반적인 설계 디자인패턴 중 하나인 싱글톤 패턴 그 전에 " singleton " 에 대한 용어부터 알아보자. Singleton 1. (단독) 개체 2. 독신자 3. 외둥이(단일아) 출처 : 네이버사전 어떤 클래스의 인스턴스 갯수를 오직 하나로 제한하는 패턴 시스템 전체의 행동을 조정해주는 단 하나의 객체가 필요할 때 중앙집중적인 관리 Singleton Pattern : JVM 내에서 클래스의 인스턴스가 하나만 있는 것 어떤 클래스의 instance가.. 2021. 10. 5. [Design Pattern] 디자인 패턴 / UML Base .java 2021.09 디자인 패턴 강의 정리 UML A standard language for writing software blueprints 어휘 (Vocabularies) 세 종류의 Building block 으로 구성된다. - Things , Relationships, Diagrams Things Structural things 모델의 정적 부분 (개념적 요소)을 나타냄 interface, class, Behavioral things 모델의 동적 부분 (행동)을 나타냄 interaction (객체간 messaging), Grouping things organizational part package and its variations Annotational things explanatory part note.. 2021. 9. 11. Android Studio , Firebase 파이어베이스 Storage 저장 클라우드 스토리지는 사진, 동영상 등의 객체 저장소 서비스이다 파이어베이스 콘솔의 Storage를 선택한후 시작하기를 클릭한다. 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com 클라우드 스토리지 시작하기 종속성 설정 dependencies { // Import the BoM for the Firebase platform implementation platform('com.google.firebase:firebase-bom:26.1.0') // Declare the dependency for the Cloud Storage library // When using the BoM, you don't specify versi.. 2021. 1. 4. java spring 세션 & 쿠키 세션 일반적인 로그인 상태 유지, 장바구니 등의 기능 1. HttpServletRequest @RequestMapping(value = "/login", method = RequestMethod.POST) public String memLogin(Member member, HttpServletRequest request) { Member mem = service.memberSearch(member); HttpSession session = request.getSession(); session.setAttribute("member", mem); return "/member/loginOk"; } 2. HttpSession @RequestMapping(value = "/login", method = Reque.. 2020. 8. 10. 이전 1 2 다음
