[ SharePoint Framework ] 4.Build your first SharePoint client-side web part (Hello World part 1)

클라이언트 쪽 웹 파트는 SharePoint 페이지 컨텍스트 내에서 실행되는 클라이언트 쪽 구성 요소입니다.

클라이언트 쪽 웹 파트는 SharePoint Online에 배포 할 수 있으며 최신 JavaScript 도구 및 라이브러리를 사용하여 이를 구축 할 수도 있습니다.

 

[ Create a new web part project ] 

1. 원하느 위채ㅣ에 새로운 프로젝트 디렉토리를 만듭니다. 

md helloworld-webpart

2. 만든 프로젝트 디렉토리로 이동합니다.

cd helloworld-webpart

3. Yeoman SharePoint Generator를 실행하여 새로운 HelloWorld 웹 파트를 작성합니다.

yo @microsoft/sharepoint

 

해당 명령어를 shell에 입력하면 여러가지 설정을 해야 합니다. 설정은 다음의 차례를 따라서 입력합니다.

 

helloworld-webpart  

SharePoint Online only (latest)

Use the current folder 

N

N

WebPart 

HelloWorld

HelloWorld description

No javascript web framework 

해당 설정을 할 떄, N 두 개를 입력하는 것을 제외하고서 사실상 계속 엔터를 누르면 됩니다.

해당 설정에 대해서 설명하면 솔루션 이름을 helloworld-webpart  로 설정하고, 최신버전의 SharePoint Online

을 사용합니다. 다음으로 Use the current folder 통해 현재의 디렉토리에서 파일을 저장하도록 설정하고, N 과 N 을

입력해 솔루션을 모든 사이트에 즉시 배치하지 않도록 하고, 솔루션에 고유 권한이 포함되어 있음ㅁ을 알려줍니다.

 

다음으로 작성할 클라이언트 측 구성요소 유형으로 WebPart 를 선택하고, 웹 파트의 이름을 HelloWorld 로 설정합니다. 기본 웹 파트 설명으로는 HelloWorld description 를 설정하고, 프레임웤를 사용하지 않기 때문에 No javascript web framework 를 선택합니다.

 

이 시점에서 Yeoman은 필요한 종속성을 설치하고 솔루션 파일을 HelloWorld 웹 파트와 함께 설치합니다.

스캐 폴드가 완료되면 스캐 폴드 성공을 나타내는 다음 메시지가 표시됩니다.