분류 전체보기
-
DOMJavascript 2020. 1. 21. 16:37
getElementsByTagName 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList 라는 유사 배열에 담아서 반환한다. getElementsByClassName class 속성의 값을 기준으로 객체를 조회할 수 있다. getElementById id 값을 기준으로 객체를 조회한다. 성능면에서 가장 우수하다. querySelector 조건 중에서 하나만 지정한다. 모든 객체를 조회한다면 querySelectorAll 을 사용한다. querySelector('li') : 태그가 li 인 것들을 고른다. querySelector('.active') : "." 이 앞에 붙어있다면 class 의 속성값이라는 것을 의미한다. class 속성이 'active' 인 것을 고른다. jQue..
-
BOMJavascript 2020. 1. 20. 22:44
window 객체 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다. window 하위 프로퍼티나 메소드를 접근할 때, window를 생략해도 된다. alert 경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅 등의 용도로 많이 사용한다. alert을 끄지 않으면 다음 코드로 넘어가지 않는다.(동기적으로 동작) confirm 확인창이라고 부른다. 확인을 누르면 true를 return 한다. prompt 사용자가 입력한 값을 받을 수 있는 창이다. 사용자가 작성한 내용을 return 한다. location 문서의 주소와 관련된 객체로 window 객체의 프로퍼티이다. 현재 브라우저 창에 있는 문서의 위치와 관련한 다양한 정보를 얻을 수 있다. location.href : loc..
-
object modelJavascript 2020. 1. 20. 22:00
object model 웹브라우저의 구성요소들은 하나하나가 객체화 되어있다. 자바스크립트로 이 객체를 제어할 수 있다. BOM, DOM은 객체들의 계층적인 구조를 구성하는 가장 큰 틀의 분류이다. window 객체는 크게 DOM, BOM, Javascript 로 구성된다. Javascript는 생략하고 BOM, DOM에 대해서 알아보도록 하겠다. BOM 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화시킨 것이다. 예를 들어, alert와 같은 것이다. 웹 브라우저의 창이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. 전역 객체인 window의 프로퍼티와 메소드를 통해서 제어할 수 있다. DOM 웹페이지의 내용을 제어한다. 문서 내의 주요 엘리먼트에 접근할 수 있는 객..
-
form에서 put, delete를 지원하지 않는 이유Today I Learned 2020. 1. 18. 15:06
왜 안될까? form을 사용해 DB 데이터를 사용하다보면 PUT, DELETE는 왜 지원하지 않는지 의문을 가질 수 있다. 보통 POST를 override 하는 방식으로 우회해서 사용하는데 왜 이렇게 해야만 하는지 그 이유를 조사해보았다. W3C에서 이와 관련된 논의를 진행한 적이 있는데 Ian Hickson이 “PUT을 form 메소드로 사용한다는 것은 말도 안 된다. 네가 form payload를 통해 PUT을 해야할 일은 없을 것이다. DELETE도 payload가 없어야만 말이 된다. 그러니 역시 form에서 제공할 이유가 없다.” 라는 반박으로 인해 초기 HTML5 draft에는 잠시 구현이 되었으나 다시 사라진 것 같다. draft에서 지원했던 것 또한 결국, HTML form을 우회해서 가능..
-
sequelize includeToday I Learned 2020. 1. 18. 14:02
문제 sequelize를 이용하면 raq query에서 사용하던 join 문을 직접적으로 사용할 수 없다. 그러나, 프로젝트 진행 중에 join 할 부분이 생겨 다른 대안이 있는지 조사해보았다. 해결 sequelize에는 include option을 이용해 join 역할을 수행할 수 있다. routes/board/comment/index.js findAll 메소드에 include option을 바꿔 join 을 수행할 수 있었다. 출처 https://velog.io/@cadenzah/sequelize-document-1 Sequelize 공식 Document - (1) Model Usage 모델 사용법 - 이 글은 4. Model Usage를 번역한 글입니다. - 아직 입문자이다보니 오역이 있을 수 있습..