SharePoint 2010 프로젝트 디버깅

SharePoint 2010 2010.08.31 23:41 Posted by 정홍주

이번 내용은 Visaul Studio 2010에서 SharePoint 2010 프로젝트로 개발할 경우 디버깅을 하는 방법에 대한 것입니다.

너무 간단하지만 몰라서 디버깅을 잘 못하는 분들이 있더라구요.

디버깅을 하는 방법은 그냥 F5 를 누르시면 됩니다. Feature를 Dactivate 하고 다시 배포하고 디버깅 메뉴에서 프로세스를 연결하고 등등은 다 옛날 얘기입니다. Visual Stduio 2010 에서의 SharePoint 2010 프로젝트는 그냥 F5 입니다. 물론 중단점 찍구요.

아래는 Visual Web Part 를 디버깅하기 위해 중단점을 찍은 화면입니다.



자 그럼 F5 를 누르면 어떤 일이 벌어지는지 한번 보도록 하겠습니다.

1. 새 버전 .wsp 파일 빌드
2. Feature 비활성화/삭제
3. old .wsp 파일 삭제
4. new .wsp 파일 추가/배포
5. Feature 활성화

디버깅을 해서 출력 창을 캡쳐해보도록 하겠습니다.



SharePoint 2010 웹 사이트의 웹 페이지가 뜨게 되고 웹파트를 추가하고 액션을 발생하면 디버깅으로 들어오게 됩니다. 무조건 알아서 오지는 않습니다. 여기는 드롭다운을 변경했을때 디버깅으로 들어오게 됩니다.
이제 디버깅으로 들어온 화면입니다. .NET 디버깅이므로 별로 드릴 말씀이 없습니다.



타임아웃이 있기 때문에 시간이 지나면 디버깅이 중지되게 됩니다.

이 디버깅으로 인하여 개발하기가 편해진 감이 있기는 합니다.

다음 내용은 Developer Dashboard에 대한 내용을 알아보도록 하겠습니다.
신고

'SharePoint 2010' 카테고리의 다른 글

SharePoint 2010에서의 Ribbon  (0) 2011.01.26
SharePoint 2010 Developer Dashboard  (0) 2010.09.30
SharePoint 2010 프로젝트 디버깅  (0) 2010.08.31
REST - jQuery  (0) 2010.08.30
REST – Silverlight  (0) 2010.07.30
REST -.NET  (0) 2010.07.28

SharePoint 2010 개발환경 구축 가이드

SharePoint 2010 2010.07.21 08:30 Posted by 정홍주


가이드라고 보기는 어렵고 한글용은 안보여서 구성해본 개발환경 내용~


Active Directory 도메인 서비스 설치

SQL Server 2008 R2 설치

SharePoint 2o10 설치

Office 2010 클라이언트 설치

VS 2010 설치

SharePoint 2010 SDK 설치 등

아래 링크를  참고하셔요.

SharePoint 2010 개발환경 구축 가이드.pdf

신고

'SharePoint 2010' 카테고리의 다른 글

REST – Silverlight  (0) 2010.07.30
REST -.NET  (0) 2010.07.28
SharePoint 2010 개발환경 구축 가이드  (0) 2010.07.21
Client Object Model – 정리  (0) 2010.05.28
Client Object Model - Javascript(2)  (0) 2010.05.26
Client Object Model - Javascript(1)  (0) 2010.05.25

SharePoint 2010 Visual Web Part

SharePoint 2010 2010.01.21 09:00 Posted by 정홍주

Visual Studio 2010에서 새롭게 제공되는 Visual Web Part를 생성해서 배포, 테스트하는 예를 알아보도록 하겠습니다.

이전버전의 웹 파트는 디자인하기가 시간이 걸리는 작업이며 AJAX 기능을 구현하려고 해도 설정과 코딩이 필요합니다. 하지만 Visual Studio 2010에서 Visual Web Part를 이용하면 얼마나 쉽게 생성할 수 있는지 알아보겠습니다.

Visual Studio 2010에서 프로젝트를 생성하면서 Empty SharePoint Project에서 새 항목을 추가하면서 Visual Web Part를 추가해도 되고 별도로 Visual Web Part 프로젝트를 통해서 생성해 됩니다.

 

Empty SharePoint Project는 해보았으니 새롭게 Visual Web Part 를 구성해보겠습니다.

프로젝트 이름은 VisualWPDemo 라고 하고 OK을 선택합니다.


SharePoint Customization Wizard에서는 OK를 선택합니다.

생성된 프로젝트의 솔루션 탐색기를 보면 새 항목으로 Visual Web Part 항목이 추가된 것을 알 수 있습니다. Visual Web Part에서는 Web Part와 항목이 동일한데 ascx ascx.cs가 들어가 있는 것을 확인할 수 있습니다.


그리고 VisualWebPart1.cs에서는 ascx 컨트롤을 CreateChildControls에서 로딩하는 것을 아래 그림에서 알 수 있습니다.


개발자들이 ascx에서 데이터바인딩과 디자인, AJAX 등에 대한 구현을 하면 일반 웹 파트와 동일하게 사용자 정의 컨트롤(ascx) Controls에 추가되어 처리됩니다.

 

자 그럼 데이터 바인딩과 AJAX를 가미해서 배포해보도록 하겠습니다.

AJAX 웹 파트를 위한 복잡한 web.config 구성 작업은 필요 없습니다.

디자인은 아래 그림에서처럼 AJAX UpdatePanel 안에 DropDownList GridView를 배치하고 GridView는 디자인을 적용했습니다.



ascx.cs
코딩은 생략하겠습니다. 일반적인 ADO.NET 이라..,

 

결과는 아래와 같습니다. 간단하게 AJAX 기능과 컨트롤의 디자인을 적용된 것을 확인 할 수 있습니다.


SharePoint 2010 개발 중에서 Visual Web Part에 대한 내용을 알아보았습니다.

일반 웹 파트 개발과 병행해서 사용하면 좋을 듯 합니다.

신고

개발 환경이 제대로 구성되었는지를 확인하면서 가장 기본 웹 파트를 생성해서 배포하는 방법을 알아보도록 하겠습니다.

 

1.     SharePoint 프로젝트 템플릿 중에서 맨 위의 Empty SharePoint Project를 선택하고 Name Hello 로 입력 합니다.



위와 같은 프로젝트 템플릿은 SharePoint 2010 없이 Visual Studio 2010 만 설치해도 볼 수 있지만 SharePoint 개발 환경 위에서가 아니면 아래와 같은 메시지를 볼 수 있습니다.



2.     SharePoint 사이트를 입력하고 “Deploy as a farm solution” 을 선택합니다.


3.     잠시 후 Solution Explorer를 확인할 수 있으며 빈 솔루션이므로 새 항목 추가에서 Web Part를 선택하고 이름은 “HJ” 라고 입력 합니다.


4.     생성된 웹 파트에 대한 Solution Explorer 모습은 아래 그림과 같습니다.


5. 이제 코드 창에서 간단한 코드를 작성해봅니다
HJ.cs
코드에 이미 생성되어 있는 CreateChildControls 메서드에 아래와 같은 코드를 입력합니다.   단순 Hello World 라는 글자를 표시해주는 코드 입니다.


6.     작성이 완료되었다면 Solution Explorer 에서 Hello를 오른쪽 클릭하여 배포(Deploy)를 선택합니다. 2번 단계에서 선택한 Farm Solution으로 배포됩니다.

 

7. 배포되었는지 확인하기 위해 SharePoint 사이트를 열어 웹 파트를 추가해봅니다. 알고 계시다시피 SharePoint 2010 사이트는 리본으로 구성되어 있으며 사이트의 첫 페이지에서 Page 탭에서 Edit를 선택합니다. 그럼 아래 그림과 같이 Insert 탭에서 Web Part를 선택할 수 있습니다.


8.     Web Part 추가를 선택하면 별도 설정 하지 않았기 때문에 Custom HJ 라는 웹 파트를 아래 그림에서 확인할 수 있습니다. Add 를 선택해서 웹 파트를 추가합니다.



9.     이전 버전과 달리 웹 파트 영역에 대한 부분은 안보이고 기존 콘텐트 부분에 추가할 수 있습니다. Page 탭을 선택하고 Save 메뉴를 눌러 편집에서 빠져 나옵니다.

그럼 아래 그림과 같이 웹 파트가 추가되어 있는 것을 알 수 있습니다.



개발 환경이 완료되었는지 확인하기 위해 이번 버전과 유사하게 웹 파트를 생성하고 배포, 확인해보았습니다.

 

VS 2010 프로젝트 템플릿에서 보듯이 여러 템플릿을 이용해서 SharePoint 2010을 개발할 수 있습니다.


 

신고

SharePoint 2010 개발 환경 구성

SharePoint 2010 2010.01.11 08:30 Posted by 정홍주

SharePoint 2010 개발을 하기 위해 SharePoint 2010, Visual Studio 2010를 설치해서 개발 환경을 구성해보도록 하겠습니다. 구체적인 화면 하나하나는 생략하고 간단하게 개발 환경 구성을 정리했습니다.

 

1.     Windows 2008 R2 64비트 설치합니다.

2.     Windows 2008 R2 64비트 역할을 아래와 같이 추가합니다.

가.   웹 서버 역할

 

나.   .NET Framework 3.5 SP1

3.     Litwareinc.com 으로 Active Directory를 구성합니다.

4.     SQL Server 2008 R2를 설치합니다. R2를 설치하는 이유는 PowerPivot등을 테스트하기 위해서 위해서입니다.

 

5.     SharePoint 2010 설치 미디어를 실행합니다.



6. Software prerequisites
설치합니다. 인터넷으로 다운로드 받기 때문에 인터넷이 연결되어야 합니다.


7.    
SharePoint Server를 설치합니다.

  가.   SharePoint Server 설치 시작

  나.   Server Farm 선택


다.  
Configuration 마법사


   라.   중앙 관리 사이트에서 Farm 구성


  마.   SharePoint 사이트 생성


몇몇 구성은 아직 하지 않았지만 이상으로 SharePoint 2010 설치가 완료되었습니다.

 

8.     Office 2010을 설치합니다.

9.     Visual Studio 2010 설치하여 새 프로젝트에서 SharePoint 를 클릭해서 보시면 아래와 같은 화면을 보실 수 있습니다



다음 블로그에서 간단한 웹 파트를 생성해서 개발 환경 구성이 완료되었는지 확인해보도록 하겠습니다.

신고