고양국제고/앱 개발 동아리 (가칭)

(가칭) 앱 개발 동아리(5): 본격적인 UWP앱 개발

카루-R 2022. 3. 19. 20:21
반응형

환영합니다, Rolling Ress의 카루입니다.

 

Visual Studio 2022 커뮤니티 버전 – 최신 무료 버전 다운로드

Windows, Android 및 iOS용 최신 개발자 앱을 만들기 위한 모든 기능을 갖춘 확장 가능한 무료 IDE를 사용해 보세요. 지금 무료로 커뮤니티를 다운로드하세요.

visualstudio.microsoft.com

먼저, 위 사이트에서 Visual Studio Community를 다운받아 주세요. 아마 여러분이 다운받을 때 쯤이면 2019 버전이 아니라 2022 버전이 올라와있을 겁니다. 되도록 최신 버전으로 다운받아주세요.

앱을 실행하고, Universal Windows Platform development를 선택해주세요. 그 다음 '설치' 버튼을 누르면 설치가 시작됩니다. 저는 이미 설치를 했기 때문에 Modify로 뜨는데, 여러분들께는 설치로 뜰 겁니다. 시간이 좀 걸려요.

설치가 끝나면 재부팅을 하고 실행합니다. Create a new project (새 프로젝트) 버튼을 눌러보세요.

검색창에 universal을 치면 첫번째에 빈 앱(Blank App)이 뜰 겁니다. 'Blank App (Universal Windows)'를 선택하고, 다음을 누르세요.

앱 이름을 적당히 설정하고 넘어가줍니다.

중간에 창이 하나 뜰텐데, 그냥 그대로 두고 진행하셔도 됩니다.

비주얼 스튜디오의 메인화면입니다. 오른쪽에는 우리가 쓸 파일을 모아두는 곳이고, 가운데는 편집창입니다. 오른쪽에서 MainPage.xaml을 클릭해봅시다.

뭐가 외계어가 막 뜨죠. 오른쪽에서 ToolBox (도구상자)를 클릭해보세요. 어딘가에 있습니다.

여기서 버튼이나 다양한 컨트롤들을 끌어다 배치할 수가 있어요. 참고로 밑에 보이는 빨간 코드는 XAML이라는 마크업 언어인데, 위 디자인 창과 아래의 XAML 창은 같은 겁니다. 실시간으로 연동이 돼요. 아래 코드에서 Button이라는 글자가 보이시나요? 네, 이게 버튼을 만드는 코드입니다.


자세한 내용은 기회가 되면 하도록 하죠. 정규동아리의 방향성이 바뀌었습니다. 사실 이 글을 쓰는 시점에는 이미 인지과학 동아리를 조직해서, 이건 그냥 페이퍼플랜이 되었군요. 그래도 앱을 개발할 때는 이걸 실제로 사용할 때가 있을테니, 글은 남겨두도록 하겠습니다.

반응형