Web

https://devlog.jwgo.kr/2016/10/16/bootstrap-css-not-working-properly/ 부트스트랩을 사용할 때 커스텀 CSS 레이아웃이 잘 적용되지 않는다면 · Tonic 사이트 운영에 도움을 주실 수 있습니다. 고맙습니다. --> 부트스트랩을 사용할 때 커스텀 CSS 레이아웃이 잘 적용되지 않는다면 2016년 10월 16일 주의! 아래 글 중 중괄호와 퍼센트 사인 사이의 공백은 실제 코드에서 제거되어야 합니다. jekyll 문법에서 인식 오류가 발생해 공백이 삽입되어 있습니다 부트스트랩 사이트에서 제공하는 기본 레이아웃에, 장고(Django)의 html 상속과 css 중첩 구조를 사용할 때 실수하기 쉬운 부분을 설명하기 devlog.jwgo.kr 자바스크립트(jav..

1. 구문 Inteface open(URL, name, [features]) Parameter URL: ?? 이게 설명이 필요할 리 없잖아 ㅎ name: window간 통신하는데 사용할 window 이름 features: Web Browser window 모양새 결정 (ex. height, weight..) Excution 해당 URL 의 웹 브라우저 창을 띄움 2. 예제 코드 3. 실행 결과

Window Browser Object 1. 정의 BOM은 웹 페이지 콘텐츠와 무관하게 브라우저 기능을 노출하는 객체이다. 2. BOM(Browser Object Model) 5 Screen Navigator Location History Document (DOM) 3. global Objects - global Object 전역 스코프에서 선언한 Variable, Function 모두 window object ∋ Property , Method Window Object == Global Objects 윈도우 객체는 브라우저 기반 자바스크립트의 최상위 객체이다. (대표적인 method로는 'alert'가 있다.) var 키워드로 선언한 일반 변수도 모두 window 객체의 Property! 4. DOM ..

text-align : center는 자손뿐 아니라 후손까지 모두 center라서 블록 모양뿐 아니라 속에 담긴 글짜까지 모두 가운데 정렬된다. 따라서 보통의 경우 margin: 0 auto 를 사용한다. 상->우->하->좌 시계방향 순서대로 숫자 4개가 나열되나 0은 상하 0, 좌우 auto 로 마진을 두어 가운데 정렬이 되게하는 방법이다. 매우 자주사용. 0 auto=> 상단, 하단 여백 X auto => 좌측과 우측의 여백을 자동으로(auto) 부여 text-align: center margin: 0 auto

[문제 상황] javascript를 통해 DOM 을 핸들링 하는과정에서 "스타일 시트에서 사용하던 스타일 속성 이름을 그대로 입력하면 오류가 난다." [Solution] 1. Camel Case 사용 2. .['string'] 콤마로 감싸기 사용

0. Web Rendering 텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진(ex. V8 in Chrome)은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라 한다. 즉 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이 DOM Tree이다. 이 DOM은 자바스크립트를 통해 동적으로 변경할 수 있으며 변경된 DOM은 렌더링에 반영된다. 1. 정의 넓은 의미: 웹 브라우저가 HTML 페이지를 인식하는 방식 좁은 의미: document 객체와 관련된 객체..