보통 자바스크립트로 어떠한 모듈을 만들 때 , 사용자들은 대부분 부모 클래스를 만들고 그것을 참조해서 사용하는 형태로 많이들 사용하실 겁니다.  Microsoft 에서는 Visual Studio 2008부터 자바스크립트 인텔리센스를 적용해 폭넓은 편의성을 제공하고 있습니다.

그런데 이러한 자바스크립트 인텔리센스는 외부 자바스크립트를 연동할 때 동작하지 않는 문제점이 있습니다.

다음의 코드를 한번 살펴보도록 하겠습니다.

var Test = {

    TestAlert: function () {

        alert("Test");

    }

}

[코드 : ciel.jquery.js]

 

해당 코드를 다른 자바스크립트에서 참조해서 사용한다고 가정해보겠습니다.

 

13_1.png
[그림 : 인텔리센스]

Test 개체에 있는 TestAlert 을 호출하고 싶었으나 , test.js에서는 ciel.jquery.js 와 아무런 연관성이 없으므로 인텔리센스에서 나타나지 않습니다.

Visual Studio 에서는 이 문제를 해결하기 위해 아래와 같은 xml을 삽입하는 방법으로 인텔리센스를 지원합니다.

 

/// <reference path="ciel.jquery.js" />

 

 

여기서 주의할건 주석이 항상 자바스크립트 파일의 최 상단으로 와야 한다는 것 이며 , 주석은 항상 ‘///’ 으로 구성되어야 한다는 것 입니다.

13_2.png
[그림 인텔리센스가 정상적으로 적용된 모습]

 

Summary

이번장에서는 개발시에 고충을 많이 토로하시는 자바스크립트 인텔리센스의 지원에 대한것을 알아보았습니다.
가만 살펴보면 Visual Studio 에는 편리하지만 잘 알려지지 않은 기능이 참 많은거 같네요 ^^; 다음장에서는 Ajax와 Json 포멧 그리고 MVC와의 연동에 대해 살펴보도록 하겠습니다.



ASP.NET MVC3 시리즈 강좌 리스트
[ASP.NET MVC3강좌] 1. MVC(Model- View – Controller) 란 무엇인가.
[ASP.NET MVC3강좌] 2. MVC 환경 세팅
[ASP.NET MVC3강좌] 3. HelloWorld MVC
[ASP.NET MVC3강좌] 4. Layout , Partial Page
[ASP.NET MVC3강좌] 5. Model 을 View에서 표현하기
[ASP.NET MVC3강좌] 6. MVC의 매력적인 기능 스캐폴딩!(With EF)
[ASP.NET MVC3강좌] 7. 유효성 검사
[ASP.NET MVC3강좌] 8. ModelBinder
[ASP.NET MVC3강좌] 9. MVC ActionResult 종류 살펴보기
[ASP.NET MVC3강좌] 10. MVC 처리 프로세스 & ActionFilter
[ASP.NET MVC3강좌] 11. Global.asax
[ASP.NET MVC3강좌] 12. (번외편) Repository Pattern
[ASP.NET MVC3강좌] 13. MEF(Managed Extensibility Framework) in MVC
[ASP.NET MVC3강좌] 14. Javascript in MVC
[ASP.NET MVC3강좌] 15. Javascript Intellicense in Visual Studio
[ASP.NET MVC3강좌] 16. JSON in MVC - 1
[ASP.NET MVC3강좌] 17. JSON in MVC - 2
[ASP.NET MVC3강좌] 18. HTML5 in MVC
[ASP.NET MVC3강좌] 19. MVC Tips 1 - HandleUnknownAction
[ASP.NET MVC3강좌] 20. MVC Tips 2 - Cache ActionFilter





profile

ASP.NET MVP 2009~2011