Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen...

34
Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Transcript of Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen...

Page 1: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Visual Studio Tools for Tizen 설치 가이드

2017.11.22

TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Page 2: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Visual Studio 2017이 깔려있지 않다면

https://www.visualstudio.com/downloads/ 에서

Visual Studio 2017를 다운받아주세요.

(Community 포함 모든 버전에서 VS Tools for Tizen 사용 가능)

* 이전 버전의 Visual Studio가 이미 설치되어있을 경우,

Visual Studio 2017이 제대로 설치되지 않을 수 있으니 먼저 삭제 권장드립니다.

Page 3: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Installer에서 모바일 및 게임 > .NET을 사용한 모바일 개발 선택

(Mobile & Gaming > Mobile development with .NET )

* 이미 VS 2017이 설치되어 있는 경우 도구 > 도구 및 기능 가져오기 선택하여 Installer 실행

Page 4: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

기타 도구 집합 > .NET Cross 플랫폼 간 개발 선택 후,

(Other Toolsets > .NET Core cross-platform development)

수정 버튼 클릭

Page 5: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치 시 오랜 시간이 걸릴 수 있으니...

인내를 가지고 기다려주세요~! ^^;

Page 6: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치 완료 후, Visual Studio 실행

Page 7: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

도구 > 확장 및 업데이트 선택

(Tools > Extensions and Updates)

Page 8: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

왼쪽 온라인 탭 선택 후, “tizen” 검색 후,

Visual Studio Tools for Tizen 다운로드 버튼 클릭

Page 9: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

변경 작업이 예약되면 닫기 버튼 클릭 후,

Visual Studio 프로그램 종료

(프로그램 종료 시 VSIX 설치 관리자 창이 자동으로 실행됨)

Page 10: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

VSIX 설치 관리자 창에서 수정 버튼 클릭

Page 11: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

아래와 같은 메시지가 뜬다면, 작업 종료 버튼 클릭

Page 12: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치 완료 후, Visual Studio 재실행

Page 13: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

도구 > Tizen > Tizen Package Manager 선택

(Tools > Tizen > Tizen Package Manager)

Page 14: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Tizen SDK Installer 에서

Install new Tizen SDK 클릭

Page 15: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

임의의 새로운 폴더를 생성 / 선택 후 Next 버튼 클릭

Page 16: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Tizen 관련 Installer들이 자동으로 실행되며 설치가 진행됩니다.

Page 17: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치 완료 후, 다시 도구 > Tizen > Tizen Package Manager 선택

(Tools > Tizen > Tizen Package Manager)

Page 18: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Package Manager 에서 4.0 TV install 버튼 클릭

Page 19: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치가 완료되면 Package Manager 종료

Page 20: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

도구 > Tizen > Tizen Emulator Manager 선택

(Tools > Tizen > Tizen Emulator Manager)

Page 21: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

HD1080TV 선택 후, Launch 버튼 클릭

Page 22: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

아래와 같은 TV Emulator 화면이 뜨는 것을 확인

Page 23: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

파일 > 새로 만들기 > 프로젝트 선택

(File > New > New Project)

Page 24: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Cross-Platform > Cross Plaform App (Xamarin) 선택 후,

임의의 [프로젝트명]을 정하고 확인 버튼 클릭

Page 25: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Blank App / Xamarin Forms / Portable Class Library (PCL) 선택 후

OK 버튼 클릭

Page 26: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

솔루션 탐색기에서 생성된 솔루션에 우클릭 후,

추가 > 새 프로젝트 선택

Page 27: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

솔루션 탐색기에서 생성된 솔루션에 우클릭 후,

추가 > 새 프로젝트 선택

Page 28: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Tizen > Cross-Platform > Blank App (Xamarin.Forms) 선택 후,

위치 옆 찾아보기 버튼 클릭

Page 29: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

“[프로젝트명].Android” 등의 폴더가 저장된 위치를 찾은 후,

폴더 선택 버튼 클릭

Page 30: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

이름을 “[프로젝트명].Tizen”으로 수정한 후,

확인 버튼 클릭

Page 31: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

TV 프로파일 선택 후, OK 버튼 클릭

Page 32: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

Tizen TV 프로젝트가 생성된 것을 확인 후,

Ctrl +F5 클릭하여 프로젝트 실행

Page 33: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

아래와 같은 화면이 뜨는 것을 확인

Page 34: Visual Studio Tools for Tizen 설치 가이드 · 2017-11-09 · Visual Studio Tools for Tizen 설치 가이드 2017.11.22 TizenTalks Devlab Tizen.NET과 Cross Platform TV Application개발

설치 완료!

설치 시 문제가 생겼다면, 수업 당일 12시 30분까지 오세요.

저희들이 도와드릴게요.