HTML

ASP.NET Core - 10. View와 Controller - 1

이번 글에서는 HTML응답을 생성하여 사용자(XML 혹은 JSON을 응답함으로써 다른 Application에서 사용될 수 있도록 하는 것과는 다른)에게 직접적으로 표시할 수 있도록 하는 Razor View Engine에 대해 알아볼 것입니다. View는 C#표현식을 사용하고 HTML응답을 생성하기 위해 view engine에서 처리될 수 있는 HTML조각을 포함하는 file입니다. 여기서는 View가 어떤 식으로 동작하는지를 확인하고 이들이 action method에서 어떻게 사용되는지를 알아보고 또한 여기에 포함되는 다양한 C#표현식에 대해서도 다뤄볼 것입니다. 1. Project 준비하기 예제로 사용될 Project는 이전에 사용하던 Project를 그대로 재사용할 것입니다. 다만 Program.cs..

[jQuery] 요소 조작 메서드

jQuery는 문서 내부의 요소를 변경하는 여러가지 메서드를 사용할 수 있습니다. (1) addClass() 요소에 클래스 속성을 추가합니다. 자동차 자전거 비행기 배 오토바이 문자열 형태의 값을 지정하는것 이외에 매개변수로 함수를 지정할 수도 있습니다. 이는 이후에서 살펴보는 대부분의 메서드에 동일하게 적용됩니다. $(function () { $('div').find('span').each(function (index) { $(this).addClass(function (index){ return 'myclass'; }); }); }); (2) removeClass() 클래스 속성을 제거합니다. 자동차 자전거 비행기 배 오토바이 만약 요소에 여러 클래스가 지정되어 있는경우 특정 클래스만 제거하고자 한다..

[javascript] 문서 객체 다루기

HTML 문서는 다수의 HTML 태그를 이용하고 구성됩니다. 이들 중 어떤 태그를 javascript상에서 다룰 수 있도록 요소로 가져오게 되면 그것을 '문서 객체'라고 할 수 있습니다. document 예제에서는 HTML문서의 span태그를 가져와 내부의 텍스트를 alert으로 표시하고 있습니다. getElementsByTagName은 요소를 배열로 반환하므로 myspan [0]처럼 가져올 요소의 인덱스를 지정해야 하는데 var myspan = document.getElementsByTagName('span'); 처럼 하게되면 이때부터 myspan을 하나의 문서 객체로서 취급하게 되는 것입니다. 참고로 위의 문서를 아래와 같이 도식화 하여 표현할 수 있으며 위와 같이 표현된 문서전체의 구조를 '문서 객..

[HTML5/CSS3] 문법 기본 사항

● 기본구조 웹 문서의 기분구조는 대략 다음과 같습니다. 저는 기본 에디터로 서브라임텍스트를 사용합니다. 서브라임텍스트에서 html문서를 저장하고