넥사크로 N은 누구나 쉽게 간단한 화면을 개발할 수 있게 구성되어 있습니다. 개발도구를 설치했으니 웹브라우저에서 실행할 수 있는 화면을 만들어봅니다.
새로운 프로젝트 만들기
일반적으로 웹사이트는 여러 개의 화면으로 구성됩니다. 넥사크로 N은 여러 개의 화면을 관리하기 위해 프로젝트를 만들고 프로젝트 안에 화면을 추가합니다.
1
넥사크로 스튜디오를 실행합니다.
2
화면 가운데 "Start Project"라는 문구 아래 [New] 버튼을 클릭합니다.
3
새로운 창이 열리면 Project Name 항목에 프로젝트 이름을 입력하고 [Next] 버튼을 클릭합니다.
4
Screen 설정값은 기본값으로 놔두고 [Next] 버튼을 클릭합니다.
5
Frame 설정값도 기본값으로 놔두고 [Finish] 버튼을 클릭합니다.
[Finish] 버튼을 클릭하면 내부적으로 필요한 파일을 생성합니다.
6
Project Explorer 영역에 앞에서 입력한 프로젝트명으로 프로젝트가 생성된 것을 확인합니다.
프로젝트에 있는 화면 열기
기본 설정에서 만들어진 파일을 사용해 간단한 화면을 만들어봅니다.
1
Project Explorer 영역에서 "FrameBase"라는 항목을 찾아 앞에 있는 ▷ 모양 이미지를 클릭합니다.
"FrameBase" 항목이 펼쳐지면서 "Form_Work"라는 항목이 표시됩니다.
2
"Form_Work"라는 항목을 더블 클릭합니다.
넥사크로 스튜디오 가운데 영역에 "Form_Work.xfdl"이라는 탭과 화면이 추가됩니다.
편집할 화면이 열리면서 새로 생긴 화면 위에는 넥사크로 N에서 기본으로 제공되는 컴포넌트 아이콘이 나열된 툴바도 나타납니다.
3
컴포넌트 툴바에서 세 번째 있는 아이콘을 클릭합니다.
세 번째 아이콘은 Button 컴포넌트입니다. 아이콘을 클릭하면 화면에 Button 컴포넌트를 배치할 준비 상태가 됩니다.
4
화면 영역으로 마우스 커서를 이동했을 때 Button 컴포넌트 모양으로 마우스 커서가 변경되는 것을 확인합니다.
5
화면 영역에서 원하는 위치를 클릭하면 Button 컴포넌트가 배치됩니다.
6
툴바에서 저장하기 아이콘을 클릭해 만든 화면을 저장합니다.
만든 화면을 웹브라우저에서 실행하기
넥사크로 스튜디오는 만들어진 화면을 바로 웹브라우저에서 실행할 수 있는 기능을 지원합니다.
1
넥사크로 스튜디오 상단에 있는 툴바 중에서 "Nexacro Runtime Environment (x86)"으로 표시된 항목 옆에 있는 ▼ 모양 이미지를 클릭합니다.
2
표시된 목록 중에서 "Microsoft Edge" 항목을 선택합니다.
사용하고 있는 PC에 설치된 웹브라우저 중 넥사크로 N에서 지원하는 웹브라우저 목록이 추가로 표시될 수 있습니다.
3
브라우저 목록 바로 옆에 있는 아이콘을 클릭합니다.
4
"Run Configuration"이라는 화면이 표시되면 [Run] 버튼을 클릭합니다.
5
파일 생성 여부를 묻는 창이 나타나면 [Yes] 버튼을 클릭합니다.
[Yes] 버튼을 클릭하면 만든 화면을 웹브라우저에 표시하기 위해 필요한 파일을 생성합니다. 파일 생성이 완료되면 자동으로 웹브라우저를 실행합니다.
6
웹브라우저에 Button 컴포넌트가 보이는지 확인합니다.
프로젝트 다시 열기
넥사크로 스튜디오를 종료하고 다시 시작하면 처음 시작할 때처럼 아무것도 없는 상태로 실행합니다. 앞에서 만든 프로젝트를 다시 열어봅니다.
1
넥사크로 스튜디오를 실행합니다.
2
화면 가운데 "Recent Project"라는 문구 아래 표시된 프로젝트를 더블 클릭합니다.
3
선택한 프로젝트가 넥사크로 스튜디오에서 열리는 것을 확인합니다.
새로운 화면 만들기
넥사크로 N에서 화면은 Form이라고 부릅니다. 앞에서는 프로젝트를 만들 때 같이 생성된 화면을 사용했는데 이번에는 새로운 화면(Form)을 만들어봅니다.
1
메뉴에서 [File > New > Form (.xfdl)] 항목을 선택합니다.
[File] 항목을 클릭하면 하위 메뉴가 표시되고 [New] 항목을 클릭하면 새로 만들 수 있는 하위 항목이 표시됩니다.
2
새로운 창이 열리면 Name 항목에 화면 이름을 입력하고 [Finish] 버튼을 클릭합니다.
Location 항목은 "Base"가 선택되어 있으면 놔두고 "FrameBase"인 경우에는 "Base"로 변경합니다.
3
Project Explorer 영역에 "TEST" 항목이 추가되고 넥사크로 스튜디오 가운데 영역에 "TEST.xfdl"이라는 탭과 화면이 추가되는 것을 확인합니다.
더 많은 내용 찾아보기
프로젝트나 폼을 만들 때 사용할 수 있는 더 많은 옵션은 개발도구 가이드를 참고하세요.