전체 글116 DTO와 VO 개발을 하며 VO와 DTO를 사용하곤 했는데 뭔지는 알겠는데 누구에게 설명할 수 있을 정도의 명확한 이론 개념은 잡히지 않아 정리 해두고자 했다. 다시 까먹더라도 내가 내 블로그를 보며 이해할 수 있게끔 !! 1. DTO (Data Transfer Object) DTO는 쉽게 말해 데이터를 전달하는 용도라고 볼 수 있다. 데이터를 주고 받을 때 데이터를 담아서 전달하는 바구니(Class)라고 이해하면 될 것 같다. 자세하게는 "계층 간" 데이터를 전달하기 위해 사용하는 객체로, 예를 들어 사진과 같이 Controller와 Servie 둘 사이에서 데이터를 주고 받기 위해 DTO에 데이터를 담아 전달한다. 💡 DTO의 특징 DTO는 오직 getter/setter 메서드만을 갖으며 다른 로직을 갖지 않는다... 2023. 2. 3. 자바스크립트 기초 5 - 이벤트 처리 1. 이벤트 연결 위와 같이 window 객체의 onload 속성에 함수 자료형을 할당하는 것을 "이벤트를 연결한다"고 한다. 화살표 함수를 사용하여 작성하기 onload를 이벤트 속성이라고 하며 이벤트 속성에 할당한 함수를 이벤트 핸들러라고 한다. 👾 간단한 이벤트 연결 예시 만약 이벤트 핸들러를 제거하고 싶다면 이벤트 속성에 null을 넣어주면 된다. 아래 코드는 이벤트 핸들러가 한 번 실행된 이후에 이벤트를 제거하므로 두 번째 클릭부터는 이벤트가 발생하지 않는다. window.onload = () => { var header = document.getElementById('header'); header.onclick = () => { alert('하염하염'); header.onclick = null.. 2022. 12. 6. 자바스크립트 기초 - 4 1. 기본 자료형과 객체 기본 자료형이란 자바스크립트의 여섯가지 자료형(String, Number, Boolean, Null, undifined, Symbol) 중 Number, String, Boolean자료형을 의미한다. 속성과 메서드는 객체가 가질 수 있는 것인데 기본 자료형에도 속성과 메서드가 있다. 기본 자료형의 속성이나 메서드를 사용하면 기본 자료형이 자동으로 객체로 변환된다. 하지만 기본 자료형은 객체가 아니므로 속성과 메서드를 추가할 수는 없다. 그래도 프로토타입을 사용하면 메서드를 추가할 수 있다. 2. Object 객체 Object 객체는 자바스크립트의 가장 기본적인 내장 객체이다. 정확히는 Object 생성자 함수로 만든 인스턴스이다. 2022. 12. 5. 자바스크립트 기초 3 - '객체' 1. 객체의 속성과 메서드 자바스크립트에서 객체를 생성하고 속성에 접근하는 방법은 자바의 Map과 같은 형식으로 키를 사용한다. //객체의 생성 var product = { 제품명: '망고', 유형: '당절임', 성분: '망고, 설탕, 치자황색소', 원산지: '필리핀' }; 위처럼 키를 이용해 객체의 속성에 접근할 수 있다. 객체의 속성 중 함수 자료형인 속성을 메서드라고 부른다. 아래 코드에서 객체 person은 name 속성과 eat 속성을 가지고 있으며, eat 속성은 함수 자료형이므로 eat() 메서드라고 부른다. //객체를 선언 var person = { name: '벨라', eat: function(food) {} //함수 자료형은 메서드 }; person.eat(); //메서드 호출 👀 th.. 2022. 12. 5. 브라우저 객체 모델(BOM: Browser Object Model) 브라우저 객체 모델(BOM: Browser Object Model)이란 웹 브라우저와 관련된 객체의 집합을 말한다. 대표적인 BOM으로는 window, location, navigator, history, screen, document 가 있다. 1-1. window 객체 1-1-1. window.open(URI, name, features, replace) open() 메서드는 네 개의 매개 변수를 가진다. 매개 변수는 입력해도 되고 입력하지 않아도 되는데 이러한 매개 변수를 옵션이라고 한다. 첫 번째 매개 변수: 열고자 하는 HTML 페이지 URL 두 번째 매개 변수: 윈도우 간 통신을 하는데 사용하는 윈도우 이름 세 번째 매개변수는 윈도우를 어떠한 모양으로 출력할지 지정하는 옵션으로, 사용할 수 있.. 2022. 12. 5. 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음
