본문 바로가기

HTML

(4)
[자바스크립트(javascript)]가장 기본적인 아이디 가져오는 방법 document.getElementById() # 설명 document.getElementById('id')설명 간단한 함수이다. 자바스크립트를 사용할 때, 특정 HTML태그를 지정해줘야 동적으로 웹페이지 제작이 가능해진다. 제이쿼리(JQuery)로 치면 $('id')와 같습니다.사용자가 만약 자바스크립트를 사용하게 된다면이 코드는 필수로 들어가야 하는 코드인 기초적인 기초의 코드입니다.그럼 예제를 한번 확인해 보도록 합시다. 실행결과 See the Pen Document.getElementById by HyeonJun, Bang (@UmNyaUm) on CodePen. 위 소스 코드는 버튼을 눌렀을때 id값이 test인 h1태그의 color의 색을 바꾸는 코드로간단하게 구현되어져 있습니다.때문에 그리 이해하는데는 어렵지 않을꺼라 예상됩니다. 이렇듯..
[ASP.NET MVC5]레이저 문법(Razor)-레이저 문법에서 동적 리소스를 가져와야 할 때 # 개발 환경 운영체제(OS) : Window 10 Home edition - 64bit 통합 개발 환경(IDE) : Visual Studio 2017 # 동적으로 리소스를 가지고 오고 싶을 때 ASP.NET MVC5로 개발을 하면서 글로벌 웹을 구현하게 되면 리소스를 자주 사용하게 됩니다.왜냐하면 각 나라별로 언어가 변동이 되어야 되기 때문입니다. 그런데 이 리소스를 사용하면서 동적으로 리소스가 생성되어야 하는 경우가 존재합니다.예를 들면 아래와 같은 상황이 존재하는 경우가 있습니다. @{for(int i = 0; i < 10; i++){Resources.String_ + i //String_1, String_2, String_3 이런식으로 사용하고 픔 } } 위 소스와 같이 저런식으로 리소스를 사용하..
[ASP.NET MVC5]레이저 문법(Razor) - 레이저 문법 주석처리 하는 법 # 개발 환경 운영체제(OS) : Window 10 Home edition - 64bit 통합 개발 환경(IDE) : Visual Studio 2017 # 레이저(Razor)문법 주석 처리 레이저 문법(Razor) 에서는 주석을 처리할 수 있습니다.주석에는 블록 내에서 사용가는한 주석으로는 일반적으로 C#에서 사용하는 //... 같은 라인 주석이 사용 가능하고,블록 주석인 /*....*/ 이 사용이 가능합니다. 그리고 블록외에서 사용하는 경우는 @*@val*@과 같은 구문을 사용합니다.이 경우는 HTML과 레이저(Razor)를 같이 사용하는 경우에 사용이 됩니다.보통 HTML만 존재할 경우 같이 사용을 하면 되지만레이저(Razor) 문법이 포함되는 순간 레이저(Razor)구문은 주석으로 처리가 되지 않습..
[ASP.NET MVC5]레이저 문법(Razor) - 레이저 문법에 대해서 알아봅시다. # Razor란? 자 레이저 문법 즉 Razor란 ASP.NET에서 사용하는 스크립트 구문입니다.Controller와 View단을 이어주는 하나의 매게체 같은 역활을 하는 구문입니다.따라서 동적으로 웹을 구성할 수 있습니다.게다가 익숙한 문법을 사용합니다.그 이유는 ASP.NET에 서버단 언어인 C#과 VB.NET을 기반으로 하기 때문에좀 더 친숙하게 느끼실수 있을겁니다. # 레이저(Razor)문법 시작하기 기본적으로 레이저와 HTML 구문을 같이 쓸 떄에는 그 구문을 구별해 놓습니다.레이저는 기본적으로 박스 단위로 구분을 합니다.@{.....} 라던가 @(......)같은 형식으로 구분을 해 놓습니다.물론 변수같은 경우 @val 같은 형식으로도 가능하지만이 방식은 나중에 소스 리뷰시 혼동을 야기할 수 ..