!new! | Nato Atp3381 Work

Rich Text Editor 는 위지윅(WYSIWYG) 편집 영역을 제공하여 브라우저 내에서 서식있는 텍스트를 편집하기 위한 인터페이스입니다. 글꼴, 색상, 스타일(굵기, 이탤릭체..), 크기, 정렬 등의 텍스트 스타일을 지정하거나 이미지, 표 등을 문서에 쉽게 표현할 수 있어서 사용자가 직접 HTML을 작성하는 노력을 줄일 수 있습니다.

일반적으로 웹에디터(WebEditor)라고 불리기도 하지만 본래 웹에디터는 웹페이지를 작성하기 위한 편집도구를 의미하므로 Rich Text Editor 라는 용어를 사용합니다.

에디터에 포함된 기능은 아래와 같습니다.

첨부파일을 내려받아 압축 해제하면 아래와 같은 파일로 구성되어 있습니다.

!new! | Nato Atp3381 Work

Standardizing the Skies: A Look at NATO ATP-3.3.8.1 In the rapidly evolving landscape of modern warfare, Unmanned Aircraft Systems (UAS) have transitioned from niche surveillance tools to essential assets for both military and civilian operations worldwide. However, as the use of "drones" expands, a critical challenge has emerged: ensuring that operators across different nations can work together seamlessly and safely. This is where NATO ATP-3.3.8.1—the primary standard for Minimum Training Requirements for Unmanned Aircraft Systems (UAS) Operators and Pilots—comes into play. What is ATP-3.3.8.1?

ATP-3.3.8.1 is an Allied Tactical Publication that codifies the essential knowledge and skills required to operate UAS within the NATO alliance. Managed by the Joint Capability Group Unmanned Aircraft Systems (JCGUAS), the standard aims to:

Establish baseline competency for operating in various classes of airspace.

Streamline training efforts across member nations to increase operational efficiency.

Ensure interoperability so that forces from different countries can effectively collaborate in combined and joint operations. Key Components of the Training Methodology

The "work" of ATP-3.3.8.1 is structured around two main qualification paths that guide an operator's development: nato atp3381 work

Basic UAS Qualification (BUQ): These are the foundational skills needed to operate within specific training categories (Open, Specific, and Certified). These categories focus on the operator’s ability to handle the system rather than the size of the airframe itself.

Combined/Joint Mission Qualification (C/JMQ): This track defines four progressive levels (A through D) of mission-specific knowledge. It ensures that once an operator knows how to fly, they understand how to employ the UAS in complex NATO mission sets alongside other air, land, or sea assets. Why This Work Matters Now

As drone technology advances, the distinction between manned and unmanned aircraft is blurring. NATO’s current focus under ATP-3.3.8.1 is to operate UAS as much as possible under the same rules as manned aircraft. This approach requires pilots to demonstrate an equivalent level of competency with civil air traffic services and military airspace authorities.

Standardization through ATP-3.3.8.1 also supports emerging concepts like Manned-Unmanned Teaming (MUM-T), where manned vehicles supervise multiple unmanned units to increase mission success. By creating a common "language" of training, NATO ensures that technology doesn't outpace the humans behind the controls. Introducing NATO's New UAS Training Methodology

The document NATO ATP-3.3.8.1 (also associated with STANAG 4670) defines the minimum training requirements for operators and pilots of Unmanned Aircraft Systems (UAS). Standardizing the Skies: A Look at NATO ATP-3

Its primary "work" is to ensure interoperability across the Alliance by standardizing the skills and aeronautical knowledge needed to fly drones safely in shared airspace and joint military operations. It covers everything from basic flight qualifications to Beyond Visual Line of Sight (BVLOS) maneuvers. The Story: Eyes of the Falcon

The rain lashed against the temporary command shelter in the Baltics, but Sergeant Elias Thorne didn’t feel the cold. His eyes were locked on the flickering HUD of the "Peregrine," a Class 2 UAS holding steady at 4,000 feet.

This wasn’t just a solo patrol. Elias was part of a Manned-Unmanned Teaming (MUM-T) mission, feeding real-time targeting data to a pair of French Rafale jets screaming toward the objective. Two years ago, Elias had been a basic infantry scout, but his certification under ATP-3.3.8.1 had changed his career. He wasn't just "flying a drone"; he was a qualified operator in a complex, multi-national airspace.

"Falcon 1, this is Watchman," Elias spoke into his headset, his voice calm. "I have eyes on the convoy. Adjusting sensor offset to clear your approach lane."

The Rafale pilots, hundreds of miles from their home base, didn't need to wonder if the guy on the other end of the link knew the rules of the sky. Because of the standardized training, they knew Elias understood the same airspace protocols and mission sets they did. He had passed the same rigorous "Minimum Training Requirements" as every other operator in the Alliance. NATO Land Tactical Doctrine Course (offered by NATO

A notification flashed on his screen—a lost-link warning from a localized jammer. Without a second of hesitation, Elias executed the "Standardized Recovery Procedure" he’d practiced a thousand times during his ATP qualification. He didn't panic; he followed the doctrine.

As the jets roared overhead and the convoy "targets" were neutralized in the simulation, Elias began the Peregrine’s descent. He checked the airspace coordination logs—everything was green. In a world where machines were replacing pilots, the ATP-3.3.8.1 was the common language that kept the sky from falling. Atp-3.3.8.1 Edb V1 e (Stanag 4670) | PDF - Scribd

3. Daily Applications of ATP-38 Work in the Field

Let’s move from theory to practice. What does NATO ATP-38 work look like on a Tuesday morning in a tactical operations center (TOC)?

a. Formal Courses

NATO Land Tactical Doctrine Course (offered by NATO ACT, Norfolk, VA).
Combined Arms Doctrine Directorate (CADD) workshops (for U.S. personnel, linked to FM 3-0/ATP 3-20.15, but harmonized with ATP-38).
National Staff Colleges with NATO accreditation.

d. Functional Support

Fire support coordination across allied artillery and air assets.
Intelligence, Surveillance, Target Acquisition, and Reconnaissance (ISTAR) integration.
Logistics and combat service support under NATO doctrine.

If your work involves writing orders, synchronizing multinational battalions, or participating in a NATO exercise like Trident Juncture or Saber Strike, you are engaged in ATP-38 work.

소스	설명	비고
CodeMirror	CodeMirror License: MIT	일부 적용
Eco Library	아티클을참고하세요.	배포 버전 사용
파일 업로드/다운로드	아티클을참고하세요.	배포 버전 수정 적용
컬러 피커	아티클을참고하세요.	배포 버전 수정 적용

에디터구조

에디터(RichTextEditor.xfdl) 화면의 편집 영역은 WebBrowser 컴포넌트를 사용하며 editor.html 을 로딩합니다. editor.html 이 로딩이 되면 js 파일들이 로딩이 되며 스크립트를 통해 css 파일을 문서에 적용합니다. 또한 실제로 편집이 발생하는 영역인 iframe 을 생성하는 구조로 제작되었습니다.

실제 편집에 관련된 핵심 기능은 editor.html 에 포함된 js 에 존재하며 에디터 화면에 존재하는 코드는 인터렉션을 위한 코드가 대부분입니다. 이렇게 생성한 이유는 HTML/Runtime 환경에 의한 코드 분기를 최소화 하기 위함입니다.

Runtime 환경에서 WebBrowser 컴포넌트는 플러그인 형태로 동작하므로 서로 다른 실행영역을 가지게 됩니다. nexacro 실행영역에서 특정 기능을 요청하면 해당 내용을 html 에 전달하여 기능이 실행할 수 있도록 해야하고, 반대로 html 실행영역에서 특정 상태값이나 이벤트가 발생하여 nexacro 실행 영역에 특정 행동을 요청해야 할 경우도 있습니다.

nexacro 에서 html 로 요청할 경우 WebBrowser 컴포넌트의 callMethod() 메소드를 이용하여 html 에 존재하는 함수를 호출하고 html 에서 특정 이벤트가 발생할 경우 title 변경을 통해 WebBrowser 컴포넌트의 onusernotify 이벤트를 발생시켜 nexacro 의 특정 함수를 호출할 수 있습니다. (HTML 실행환경의 경우 title을 변경하지 않고 WebBrowser의onusernotify 를 바로 호출합니다.)

아래 그림은 실행 흐름을 간단히 표현한 것 입니다.

에디터 화면파일(RichTextEditor.xfdl)의 initConfig 라는 변수에 에디터 구동에 필요한 기본 설정값을 지정할 수 있으며 실제 에디터를 초기화하는 initialize 함수 호출 시 사용자 설정값을 지정할 수도 있습니다. JSON 형태인 설정값은 크게 editor, table, image 속성을 가지며 세부 설정 내용은 아래와 같습니다.

속성명	하위 속성명	타입	설명
editor	url	string	editor.html 의 경로를 지정합니다.
	showToolbar	boolean	툴바 영역을 보일지 여부를 지정합니다.
	toolbarButtons	array	툴바에 사용할 기능을 지정합니다. 지원하는 툴바 기능은 하단을 참고하세요.
	allowResize	boolean	에디터 영역의 리사이즈 허용 여부를 지정합니다.
	showEditMode	boolean	HTML 편집모드을 보일지 여부를 지정합니다.
	loadCallback	function	에디터의 초기화가 완료된 후 호출되는 callback 함수를 지정합니다.
	resizeCallback	function	에디터의 사이즈가 변경될 때 호출되는 callback 함수를 지정합니다.
	contentMinHeight	number	에디터 본문 영역의 최소 높이를 지정합니다. 리사이즈 시 최소 크기보다 작아지지 않습니다.
	contentMaxHeight	number	에디터 본문 영역의 최대 높이를 지정합니다. 리사이즈 시 최대 크기보다 커지지 않습니다.
	contentHeight	number	에디터 본문 영역의 초기 높이를 지정합니다.
	contentMinWidth	number	에디터 본문 영역의 최소 너비를 지정합니다.
	contentHeight	number	에디터 본문 영역의 초기 너비를 지정합니다.
	useInitFocus	boolean	에디터 초기화 시 본문 영역의 포커스 여부를 지정합니다.
table	width	number	표의 기본 너비를 지정합니다.
	tdheight	number	행의 기본 높이를 지정합니다.
	headBorderStyle	string	표 헤더에 적용할 기본 border style을 지정합니다.
	headBackgroundColor	string	표 헤더에 적용할 기본 background style을 지정합니다.
	headColor	string	표 헤더에 적용할 기본 color style을 지정합니다.
	bodyBorderStyle	string	표 바디에 적용할 기본 border style을 지정합니다.
	bodyBackgroundColor	string	표 바디에 적용할 기본 background style을 지정합니다.
	bodyColor	string	표 바디에 적용할 기본 color style을 지정합니다.
image	host	string	이미지 파일을 등록할 host 경로를 지정합니다.
	uploadUrl	string	이미지 업로드 url 로 host 를 제외한 경로를 지정합니다.
	deleteUrl	string	이미지 삭제 url 로 host 를 제외한 경로를 지정합니다.
	src	string	본문에 추가될 url 로 host 를 제외한 경로를 지정합니다.
	allowTypes	array	허용 가능한 확장자를 지정합니다.
	maxCount	number	등록 가능한 최대 개수를 지정합니다.
	maxSize	string	개별 이미지의 업로드 최대 크기를 지정합니다.
	maxTotalSize	string	전체 이미지의 업로드 최대 크기를 지정합니다.

toolbarButtons 속성에 등록 가능한 기능 목록 입니다.( 구분선 및 줄바꿈 기능은 소스를 참고하세요 )

글꼴		맞춤		삽입		표
ID	기능	ID	기능	ID	기능	ID	기능
font	글꼴선택	left	왼쪽 맞춤	layoutTable	표	merge	셀 병합
fontsize	글꼴크기	center	가운데 맞춤	template	템플릿	resetMerge	셀 분할
color	글자색상	right	오른쪽 맞춤	blockquote	인용구	insertRowAbove	위 행 추가
bkcolor	배경색상	full	양쪽 맞춤	specialchar	기호	insertRowBelow	아래 행 추가
bold	볼드체	indentout	내어쓰기	highlight	하이라이트	insertColLeft	좌측 열 추가
italic	이탤릭체	indentin	들여쓰기	link	링크	insertColRight	우측 열 추가
underline	언더라인	numberlist	번호 매기기	linkdel	링크취소	deleteRow	행 삭제
strikechar	취소선	marklist	글머리 기호	image	이미지	deleteCol	열 삭제
						verticaltop	상단 정렬
						verticalmiddle	중단 정렬
						verticalbottom	하단 정렬
						tablebdcolor	선색상
						tablebdheight	선두께
						tablebdrange	테두리
						tablebgcolor	배경색

에디터를 적용한 화면 샘플(RichTextEditorSample.xfdl)은 데이터 로드, 데이터 저장, 파일첨부, 미리보기를 간단하게 구현한 예제입니다. (실제 데이터 로드/저장 관련 서비스는 포함하지 않고 있습니다.)

1. 에디터 초기화

div_editor 컴포넌트의 url 속성에는 "RichTextEditor.xfdl" 이 지정된 상태이며 Form 의 onload 이벤트 핸들러에 아래와 같이 에디터를 초기화하는 코드가 작성되어 있습니다.

위와 같이 에디터(RichTextEditor.xfdl)의 initialize 함수를 호출할 때 설정값을 지정할 수 있습니다. 이렇게 전달되는 설정값은 에디터에 설정된 기본 설정값을 무시하고 사용자 설정에 따르게 됩니다. 본 예제에서는 에디터 로딩완료, 에디터 리사이즈, 이미지 로딩완료, 이미지 제거 시 호출될 callback 함수를 정의하고 있습니다. 각각의 동작이 발생했을 때 화면에 변화가 필요한 경우 여기에 처리 로직을 작성합니다.

2. 데이터 로드

btn_load 컴포넌트의 onclick 이벤트 핸들러에는 데이터 조회 후 수신된 데이터가 있다는 가정하에 작성된 코드이며 에디터에 데이터를 로드하는 예시 코드가 작성되어져 있습니다.

에디터의 setContent 함수를 통해 조회된 데이터(HTML)를 지정하고 setAttachImages 함수를 통해 본문에 등록된 이미지 목록을 표시할 수 있습니다.

3. 데이터 저장

btn_save 컴포넌트의 onclick 이벤트 핸들러에는 실제 데이터를 저장하는 코드는 없으며 첨부파일 저장/삭제 및 에디터 내용을 얻어오는 예시 코드가 작성되어져 있습니다.

에디터의 getContent 함수를 통해 현재 편집중인 내용(HTML)을 얻어올 수 있습니다.

※ 파일 첨부에 관련된 내용은 File 업로드 & 다운로드 샘플 아티클을 참고하세요.

4. 미리보기

btn_preview컴포넌트의 onclick 이벤트 핸들러에는 현재 편집중인 에디터 내용을 미리보는 팝업화면을 호출하는 예시 코드가 작성되어져 있습니다.

에디터의 getContent 함수를 통해 편집중인 에디터의 내용을 얻어온 후 showModal 함수를 통해 미리보기 샘플화면(RichTextEditorPreviewSample.xfdl)을 호출합니다.

미리보기 팝업화면에는 WebBrowser 컴포넌트가 하나 존재하며 Form 의 onload 이벤트 핸들러에서 설정된 preview.html 경로를 연결한 후 로딩이 완료되면 부모창에서 전달 받은 에디터 내용을 표시하게 됩니다.

알려진 문제점

아래는 nexacro 2014,11,12,1 버전 기준으로 발생하는 문제점 입니다.

실행환경

증상

Runtime

WebBrowser 컴포넌트의 onusernotify 이벤트 핸들러에서 화면 페인팅에 관련된 변경이 발생하는 스크립트 실행 시 바로 반영되지 않고 WebBrowser 영역을 벗어나야 반영됩니다.

예를 들어 본문에 이미지를 첨부한 후 이미지를 선택하면 설정창이 팝업되는데 최초 팝업 이후 두번째 선택 시 팝업되지 않고 WebBrowser 영역을 벗어나야 팝업는 현상이 발생합니다.

Runtime

WebBrowser 컴포넌트에 연결된 HTML 의 텍스트의 잘라내기(Ctrl+X) 와 복사(Ctrl+C) 가 동작하지 않습니다.

2016.07.28 - Chrome 브라우저 오류 수정 (변경파일 : /RichTextEditor/editor.html)
2015.01.07 - 컬러피커 이미지 파일 추가
2014.12.11 - 최초작성 (nexacro 2014,11,12,1 버전)