본문 바로가기

전체 글168

[JQueery] 기초 웹표준 개념 구조, 표현, 동작의 분리 - HTML (eXtensible Hypertext Markup Language) -> 웹페이지를 구성하고 표현하는 기본 언어 - CSS (Cascading Style Sheets) -> 웹페이지의 호환성 유지 및 다양한 액세스 기술을 사용 - DOM (Document Object Model) -> 컨텐츠, 구조, 문서 스타일을 프로그램과 스크립트가 동적으로 접근, 수정할 수 있는 플랫폼 (언어 중립적 인터페이스) - ECMAScript(Javascript) -> W3C표준으로 재정된 것이 아님 구조, 표현, 동작의 분리 AJax 구성요소 = 웹표준(구조, 표현, 동작의 분리) 구성요소 구조(Markup)와 표현(CSS, 디자인)의 분리 : xHTML + CSS 구.. 2022. 4. 1.
[AJAX] 맛보기 AJAX란? 대화식 Web Application 제작을 위한 개발 기법 - HTML, CSS : 표현 정보 - JavaScript : 동적화면 출력및 표시, 정보 교환 - XML, JSON : 서버와 비동기적 데이터 교환 AJAX 프로그래밍 순서 XML HttpRequest를 사용한 AJAX 프로그램 과정 * 이론은 알겠는데 딱 거기까진 것 같다. 왜냐면 실습코드가 아직 낯설다. 추가적인 공부를 해야한다. 실습 function getXMLHttpRequest() { if (window.ActiveXObject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { return new ActiveXObject("Microsoft.XM.. 2022. 3. 30.
[JavaScript] 웹 브라우저 웹브라우저와 JavaScript Dom (Document Object Model) 개요 - HTML과 XML 문서의 내용을 조작하는 API - HTML이 객체의 계층 구조로 표현 - HTML계층 구조의 가장 상위에는 Document 노드가 위치 - 하위에는 HTML태그나 요소들을 나타내는 노드와 문자열을 포함하는 노드로 구성 - Document : HTML or XML 문서를 나타냄 - HTMLDocument : HTML의 문서와 요소만을 나타냄 - HTMLElement의 하위 타입 : JavaScript Property를 정의 (JavaScript Property : HTML 단일요소, 요소 집합의 속성) - comment 노드 : HTML이나 XML의 주석 DOM 제어 - 웹 브라우저는 HTML, C.. 2022. 3. 28.
[JavaScript] 기초 문법이 C++, JAVA와 겹치는 부분이 많아 그 부분들은 생략 없으면 다른 언어 알고있는 방식과 비슷하다고 생각하고 사용하면 얼추 맞을 듯 JavaScript 선언 JavaScript를 HTML에서 사용하기 위해 시계 구현 Date 객체를 사용하여 웹 브라우저에 현재 시간을 표기 JavaScript 기초 자료형 모든 자료형을 var로 선언 - 서로 다른 자료형 간의 연산이 가능 console.log("1.1" + "1.1"); //1.11.1 console.log((+"1.1") + (+"1.1")); //2.2 상수 const : 모든 문자를 대문자로 사용, 단어 사이는 '_'로 표기 연산자 - 비교연산자 == : 두 값이 같은지 비교 - 비교연산자 === : 두 값과 자료형이 같은지 비교 (모두 같.. 2022. 3. 26.
[html, css] 실습 intellij로 html파일 여러개 실행하는 법을 오늘에서야 습득해서....ㅋㅋ 걍 intellij 내장 서버 쓰면 되는 거였다... 마지막 실습만이라도 올려놔야 나중에 다시할 때 요긴하게 쓸 것 같다. @charset "UTF-8"; #wrapper{ background: url("../images/common/wrap_bg.jpg")no-repeat top center; } #header{ background: url("../images/common/bg_menubox.png")no-repeat top center; width: 940px; height: 105px; } #infoMenu{ text-align: right; margin:0px 70px 3px 0px; padding-top:5px; .. 2022. 3. 23.
[CSS] 기초 외부 스타일 시트 적용 를 사용하여 외부 스타일 시트를 적용 (head안에 작성 + rel, type, href 3가지 속성을 주로 사용) - rel : HTML페이지와 링크된 파일간의 관계를 의미 - href : CSS file 경로를 의미 내부 스타일 시트 적용 을 사용하여 내부 스타일 시트를 적용 (head안에 작성) 태그 내부에 CSS 규칙을 작성 외부 스타일 시트보다 우선 적용 인라인 스타일 적용 유지 보수에 용이하지 않음 - 스타일 적용 우선 순위 : 인라인 > 내부 > 외부 CSS Exam 인라인 스타일 적용 내부 스타일 시트 적용 외부 스타일 시트 적용 h4{ font-family:돋움, serif; font-size:25px; background:#660066; font-weight:bo.. 2022. 3. 23.

티스토리툴바