IT 쟁이

Introducing Handlebars.jsHandlebars.js는 Mustache template 언어를 확장한 자바스크립트 템플릿 엔진이다. Logic less template (View 와 Code를 분리) Natural Template 기반이다. Precompile 이용하면 렌더링 속도가 향상된다. http://handlebarsjs.com/ Mustache에는 없는 if, unless, with, each 분기문을 지원한다. Path 구조를 지원하며 Helper를 이용하여 커스텀 하게 사용할 수 있다.Rendering HTML with Handlebars ReferenceHandlebars with dynamically loaded and cached template Constructing ..

1.객체 리터럴객체를 생성하는 가장 일반적이고 간편한 자바스크립트 객체 생성 방식이다. 리터럴 방식은 객체 리터럴을 의미하는 {} 내부에 프로퍼티와 메서드를 정의(포장)하는 구조이다.var user = { name : "kiuk", age : 10 , showInfo : function (){ document.write("name =" +this.name+", age="+this.age); } } user.showInfo(); 리터럴 방식은 클래스를 정의함과 동시에 자동으로 인스턴스가 만들어진다. 즉 인스턴스를 만들기 위해 다른 작업을 해주지 않아도 된다. 하지만 다른 클래스 정의 방법과 달리 인스턴스를 하나 이상 만들 수 없는 단점을 가진다.2. 함수방식(function)함수방식에 경우 하나의 함수 내..

서버 컨트롤에서 클라이언트 스크립트 사용하기 다음과 같은 페이지를 구성합니다. 서버컨트롤로 텍스트박스와 버튼 라벨컨트롤을 생성합니다. 다음과 같은 스크립트 코드를 추가합니다. 서버로 데이터를 전송하기전에 한번도 의사 여부를 묻기 위해서 confirm()함수를 사용합니다. 보통 Button 컨트롤을 클릭하면 기본적으로 서버로 전송되고 Button_Click 서버 이벤트가 발생한다. 서버로 전송되기 전에 클라이언트 함수를 실행시켜야 합니다. 그러기 위해서 다음코드를 작성합니다. 서버 컨트롤이 HTML로 렌더링되는 속성은 Attributes 컬렉션으로 추가 할 수 있습니다. 따라서 Page_Load 이벤트 핸들러에서 onclick 속성에 대한 값을 지정할 수 있습니다. 렌더링 될 속성의 값을 코드에서 직접 제..

ASP.NET 가이드 2. 숫자/문자 입력 텍스트 박스 만들기 등록일: 2005년 04월 13일 조회수: 3,710 프린트 전체기사목록 저자: 한동훈(traxacun) [지난 기사 보기] ASP.NET 가이드 1. 자바 스크립트 사용하기 0. 소개 지난 시간에는 ASP.NET에서 원하는 컨트롤에 포커스를 지정하기 위한 SetFocus() 함수를 작성해보았다. 이번에는 여기에 숫자만 입력받는 텍스트 박스와 문자만 입력받는 텍스트 박스를 제작해볼 것이다. 마지막으로 HtmlInputText 컨트롤과 TextBox 컨트롤 모두에 원하는 동작을 정의하기 위한 코드 작성법을 살펴볼 것이며, 이를 위해 ASP.NET 컨트롤 트리에 대해 살펴볼 것이다. 1. 숫자 입력 텍스트 박스 첫번째는 간단한 숫자 입력만 받는 ..

ASP.NET 가이드 1. 자바 스크립트 사용하기 등록일: 2005년 03월 22일 조회수: 6,309 프린트 전체기사목록 저자: 한동훈 0. 소개 웹 프로그래밍을 하는 경우 자바 스크립트를 사용하는 경우가 종종 발생한다. 자바 스크립트를 사용하는 데 있어 문제는 같은 문제에 대해 늘 인터넷을 찾아보고, 스크립트를 작성하는 일을 반복하는 데 있다. 때문에, 웹 개발자들은 자주 이용하는 자바 스크립트 사이트나 관련된 책을 책상에 항상 구비해 두고 있을 것이다. ASP나 PHP와 같은 언어와 달리 ASP.NET은 객체지향 언어이고, 다양한 컨트롤들을 사용하고 있기 때문에 자바 스크립트 사용법에 차이점이 있다. 여기서는 앞으로 여러회에 걸쳐서 기본적인 자바 스크립트들을 ASP.NET에서 사용하는 방법들을 살펴..

-부호의 압박에 주춤.. 머리를 굴려라! 출처 : Tong - melledia님의 Javascript통

php 겔러리 등록,수정 입력확인 자바스크립트 등록에서 사용할 자바스크립이다... 모든 항목을 빠짐없이 입력하도록 유도한다... 등록 버튼여러번 누르는것을 방지한다... 비밀번호는 영문과 숫자로 4자 이상 입력해야 한다... 첨부그림 파일의 확장자는 jpg 또는 JPG 이여야 하며 싸이즈는 서버가 허용하는 최대 크기이다 기본 2메가정도 이다... 플래시가 로드가능한 해상도의 JPG 는 MIDIUM 정도로 압축되어 있어야 한다... 그이상은 로딩이 된다할지라도 안보여진다... JPG 파일은 한글이든 영문이든 파일명에 상관없다 업로드시 프로그램에서 렌덤이름으로 대체 되며 확장자는 소문자 jpg 로 변경되어 등록된다.... 수정에서 사용할 자바스크립이다..... 수정에서는 파일을 변경해도 되고 안해도 된다 나..

Script태그에는 src, defer, charset과 같은 속성을 지정할 수 있습니다. charset속성에는 스크립트의 문자 인코딩 방식을 설정하며, 문서(웹페이지)의 인코딩 방식과 같다면 굳이 따로 지정할 필요가 없습니다. 제가 말씀드리고 싶은 부분은 defer이라는 속성입니다. defer 속성값을 defer로 지정하면 브라우저에게 스크립트가 문서 컨텐트를 생성하지 않는 것을 명시해줍니다. 이에 따라, 브라우저는 웹페이지의 나머지 부분을 우선적으로 처리해 화면에 표시하는 것을 끝내고 난 후, 스크립트를 처리 합니다. 이러한 방법을 사용하면 자바스크립트 코드의 분량이 많거나 자바스크립트 라이브러리를 사용하는 경우에는 페이지를 로드할 때 상당한 속도 향상 효과를 볼 수 있습니다. 출처 : 훈스닷컴

document.all 문제 해결법 글쓴이: Channy 글쓴 시간: 2004 2월 03 4:53 pm 웹사이트에서 버튼이 동작 되지 않는 경우 대부분 Javascript의 객체를 MSDOM에서 사용하는 document.all을 사용하기 때문에 그렇습니다. 자바스크립트 디버거를 통해 소스를 보았을 때 document.all 이 들어 있는 경우 document.all 대신 W3C DOM의 오브젝트 판별법을 사용하도록 웹사이트 관리자에게 알려주셔야 합니다. document.all[objectID] -> document.getElementById("objectID") 혹시 거기에서 MS IE4 때문에 getElementById를 쓸 수 없다고 하면 getObject()를 아래처럼 정의한 후에 쓸 수 있다고 알..

자바스크립트의 window 객체의 open 메소드는 새로운 창을 열고 지정한 URL의 페이지를 표시한다. URL을 생략하면 창은 비어있는 상태로 열린다. window.open("URL", "창이름(생략가능)", "옵션"); 옵션값을 지정하면 새로 열릴 창의 크기, 도구모음, 상태표시줄 등의 표시 여부를 설정 할 수 있다. 옵션값을 생략할 경우 통상적인 상태로 표시되지만, 항목을 생략할 옵션은 비표시 상태가 된다. 파이어폭스만 실행됨 -_- 사용예) window.open(" ", "새로운창“, ”width=480, height=360, status=1, menubar=1");