observe_db

4/18, 20 DOM(Document Object Model) - HTML 문서를 트리처럼 계층구조로 만든거. - Document: 웹 브라우저에 로딩될 때, document 객체가 된다. html 객체는 또한 html 문서의 root이다. - Property: 얻거나 바꿀 수 있는 값 - Method: HTML 요소로 할수 있는 action 변경-HTML 컨텐츠, 요소, 속성, CSS 스타일 추가-새로운 HTML 요소와 속성, HTML 이벤트 삭제-존재하는 HTML 요소와 속성 *HTMLCollection 객체 -getElementsBy~~ 들이 반환한다. -배열 비슷한 리스트이다. -인덱싱, length은 가능하지만, valueof(), pop(), push(), join()은 안된다. *NodeL..

4/11 JavaScript는 마치 뇌와 같다. 특징 of JS 해석 가능한 언어 Dynamic 함수형 프로그래밍 OOP JS is Scripting language. 자바 아님. 배우기 쉽다.(아마도) Location of JS External: 태그의 안쪽에 넣는다. Inner: 태그 안쪽으로 넣는다. Inline: html 요소 안쪽에 넣는다. JavaScript 출력 innerHTML: 태그를 이용 document.write(): 그냥 씀 window.alert(): 알림상자로 사용 console.log(): console에 띠움 주석은 //로 줄주석, /**/으로 범위주석 변수 데이터 저장공간 var로 일반적으로 선언. let과 const도 이용하는 추세 const-let-var 순서로 엄격. ..

4/4 부트스트랩(bootstrap)이란? 무료 프론트앤드 프레임워크 반응형 디자인(responsive design)들을 쉽게 만들게 해준다. 이미 정의된 class들을 제공하여 많은 요소들을 만들 수 있게 해준다. *반응형 디자인이란? 웹, 태블릿, 모바일 등에서 알아서 잘 보여지는 기능. 반응형 웹이라고도 함 태그로 나누고, container를 적용하는게 일반적. container는 fluid를 달면 너비를 꽉 채우게 된다.(일반적이면 크기를 조정할 수 있다.) 부트스트랩을 쓰려면 라이브러리들을 미리 가져와주어야한다. 실전적인 기술이라 여기까지.

Part 3. CSS Properties CSS bakcground background: 모든 background를 정의 background-attachment: 배경이미지를 고쳐지거나 스크롤되게 할 수 있다. background-color: 배경 색상 지정(여러가지 방법이 있다. opacity설정으로 투명도 설정) background-image: 배경 이미지 지정 background-position: 배경 이미지의 위치 지정 background-repeat: 배경이미지 반복 여부(기본은 반복) CSS Text color: 텍스트 색상 direction: 텍스트 방향 letter-spacing: 자간 설정 line-hieght: 줄의 높이 지정 text-align: 기준으로 정렬 text-decorati..