html
-
[ASP] ASP 소개Web/ASP 2015. 9. 29. 11:54
ASP Introduction ASP 파일은 텍스트와 HTML 태그 스크립트를 포함할 수 있습니다. ASP 파일의 스크립트는 서버에서 실행되어 집니다. What you should already know 강좌를 진행하기 전에 다음에 대한 기본적인 이해가 필요합니다: - HTML - 자바스크립트 또는 VB 스크립트 같은 스크립팅 언어 What is ASP? - ASP는 Active Server Pages 를 의미합니다. - ASP는 Microsoft Technology 입니다. - ASP는 IIS 내부에서 실행되는 프로그램입니다. - IIS는 Internet Information Services를 의미합니다. What is an ASP File? - ASP 파일은 HTML 파일과 같은 파일입니다. - AS..
-
[javascript] 58. DOM CSS - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:38
JavaScript HTML DOM - Changing CSS 1. Changing HTML Style HTML 요소의 스타일을 변경하기 위해서 아래 문법을 사용합니다: document.getElementById(id).style.property=new style 아래 예제는 요소의 스타일을 변경하는 예제입니다: 123456789101112131415161718 Hello World! Hello World! document.getElementById("p2").style.color = "blue";document.getElementById("p2").style.fontFamily = "Arial";document.getElementById("p2").style.fontSize = "larger"; The..
-
[javascript] 53. HTML DOM - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:36
JavaScript HTML DOM HTML DOM에서, 자바스크립트는 모든 HTML 문서를 접근하고 변경 할 수 있습니다. 1. The HTML DOM (Document Object Model) 웹페이지가 로드될 때, 브라우저는 페이지의 문서 객체 모델(Document Object Model)을 생성합니다. HTML DOM은 객체의 트리 형태 구조로 되어 있습니다: 객체 모델에서, 자바스크립트는 동적인 HTML을 만들어서 모든 걸 가져올 수 있습니다: - 페이지 내의 모든 HTML 요소를 변경 할 수 있습니다. - 페이지 내의 모든 HTML 속성을 변경 할 수 있습니다. - 페이지 내의 모든 CSS 스타일을 변경 할 수 있습니다. - 존재하는 HTML 요소와 속성을 제거 할 수 있습니다. - 새로운 H..
-
[javascript] 13. 이벤트(Events) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:31
JavaScript Events HTML 이벤트는 HTML 요소에서 발새하는 "사건"입니다. 자바스크립트가 HTML 페이지에서 사용된다면, 자바스크립트는 이러한 이벤트에 반응 할 수 있습니다. 1. HTML Events HTML 이벤트는 브라우저가 하는 일 또는 사용자가 하는 일이 될 수 있습니다. HTML 이벤트의 몇 가지 예제: - HTML 웹 페이지가 로딩을 끝 맞췄을 때 - HTML 입력 필드가 변경 되었을 때 - HTML 버튼이 클릭 되었을 때 종종 이벤트가 발생하면, 무언가 일을 하고 싶어합니다. 자바스크립트는 이벤트가 감지되었을 때, 코드를 실행할 수 있게 해줍니다. 12 The time is?cs 1The time is?cs 2. Common HTML Events EventDescripti..
-
[Javascript] 1. 소개(Introduction) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:21
1. JavaScript Can Change HTML Content HTML 메서드인 document.getElementById() 를 이용하여 HTML Content를 바꿔보도록 하겠습니다! 다음 예제는 HTML 요소(id="demo")를 찾기위한 메소드를 사용하고 "Hello JavaScript"로 요소 내용을 변경하는 예제입니다. 아래와 같이 HTML을 작성합니다. 12345678910111213141516 What Can JavaScript Do? JavaScript can change HTML content. Click Me! Colored by Color Scriptercs 그러고선 웹에서 실행합니다! 위와 같이 뜨면 버튼을 클릭하여 결과를 확인합니다. 이전 문구가 'Hello JavaScri..
-
[jQuery] 13. Set - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:20
jQuery - Set Content and Attributes 1. Set Content - text(), html(), and val() get과 마찬가지로 3 가지 메소드를 이용하여 설정합니다: - text() - html() - val() 123456789101112131415161718192021222324252627282930313233 $(document).ready(function(){$("#btn1").click(function(){$("#test1").text("Hello world!");});$("#btn2").click(function(){$("#test2").html("Hello world!");});$("#btn3").click(function(){$("#test3").val("..
-
[jQuery] 12. Get - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:20
jQuery - Get Content and Attributes jQuery는 HTML 요소와 속성을 변경하거나 조작하는 강력한 메소드를 가지고 있습니다. 1. jQuery DOM Manipulation jQuery의 가장 중요한 부분은 DOM을 조작하는 가능성입니다. jQuery는 DOM 관련 메소드의 다양한 종류로, 요소나 속성을 조작하거나 접근하는데 용이합니다. 2. Get Content - text(), html(), and val() 3 가지 간편하면서도 유용한 DOM 조작을 위한 jQuery 메소드: - text() - 선택된 요소의 텍스트 내용을 설정하거나 반환하는 메소드 - html() - 선택된 요소의 내용을 설정하거나 반환하는 메소드 - val() - 서식 필드의 값을 설정하거나 반환하..
-
[Web Building] 9. Web DaaS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - Data as a Service (DaaS) 1. What We Will Do 이번 장에서: - SQL이 구동중인 웹 서버로 부터 유동적인 데이터 인출을 합니다. 2. Using a PHP Server Running MySQL customers.html을 수정합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Customers Customers var xmlhttp = new XMLHttpRequest();var url = "http://www.w3schools.com/website/customers_db_mysql.php"; xmlhttp..