Now 코드 편집기로 코드 편집(고급 기능)

Now 코드 편집기는 CSS(Cascading Style Sheets), HTML(Hypertext Markup Language), JavaScript, XML(Extensible Markup Language) 및 JSON(JavaScript Object Notation)을 지원하는 인터페이스와 같은 서식 있는 텍스트 편집기입니다. Now 코드 편집기를 사용하여 UI 빌더 구성요소에서 Next Experience UI 구성, 데이터 자원 구성, 스타일, 이벤트, 클라이언트 측 및 서버 측 스크립트를 수정합니다.

이제 코드 편집기는 다음 기능을 지원합니다.

• 기본 편집
• 디버깅
• 명령 팔레트
• 코드 서식 지정
• 구문 확인 및 강조 표시
• 자동 제안
• 공통 코드에 대한 스크립트 매크로

기본 편집

작업	설명
형식 코드	스크립트에 적절한 들여쓰기를 적용합니다. 바로 가기 키: 윈도우: Shift+Alt+F Mac: Shift+Option+F
구문 강조 표시	코드의 구문을 강조 표시합니다.
구문	형식 오류를 확인하고 구문 오류를 강조 표시합니다. 윈도우: Shift+Alt+C Mac: 젠장+옵션+C
제안 사항 표시	삽입 포인터에 다음과 같은 유효한 요소 목록을 표시합니다. 클래스 이름 함수 이름 객체 이름 변수 이름 항목을 선택하고 클릭하여 스크립트에 추가합니다. 바로 가기 키: Windows: Ctrl+스페이스바 Mac: Ctrl+스페이스바 Settings 메뉴에서 구문 강조 표시를 활성화하거나 비활성화할 수도 있습니다.
설명	두 개의 연속된 슬래시(//)를 사용하여 하나 이상의 코드 줄을 주석으로 처리합니다. 바로 가기 키: Windows: 컨트롤+/ 맥: Command+/
미니 맵 표시	코드 스니펫의 미니맵을 표시합니다. 설정 메뉴에서 미니맵 옵션을 표시하거나 숨길 수 있습니다.
단어 줄 바꿈 사용	편집기 영역에서 단어 줄 바꿈 기능을 활성화합니다. 설정 메뉴에서 단어 줄 바꿈 사용 옵션을 전환할 수 있습니다.
명령 팔레트 표시	일반 작업에 사용할 수 있는 명령 리스트를 표시합니다. 동일한 대화형 창을 사용하여 편집기 명령을 실행하고, 텍스트를 찾아 바꾸고, 코드 블록을 접고 펼치고, 주석을 토글하는 등 더 많은 작업을 수행할 수 있습니다. 키보드 단축키 윈도우: F1 맥: F1
편집기 확장 편집기 또는 편집기 축소	편집기를 확장하거나 축소합니다. 키보드 단축키 Windows: Ctrl+M Mac: Ctrl+M

디버깅

스크립트 디버거를 시작하려면 도구 모음에서 스크립트 디버거 아이콘 클릭합니다.

주:

디버깅을 사용하도록 설정하고 선택한 언어가 JavaScript인 경우에만 중단점, 조건부 중단점 또는 추적점을 추가할 수 있습니다.

작업	수행할 일
중단점 추가	눈금자 영역의 줄 번호 옆에 있는 줄을 마우스 오른쪽 단추로 클릭하고 중단점 추가를 선택합니다.
조건부 중단점 추가	눈금자 영역의 줄 번호 옆에 있는 줄을 마우스 오른쪽 단추로 클릭하고 조건부 중단점 추가를 선택합니다. 편집기에서 중단 조건을 입력합니다.
Logpoint 추가	눈금자 영역에서 줄 번호 옆을 마우스 오른쪽 단추로 클릭하고 Logpoint 추가를 선택합니다.
Diff 모드에서 텍스트 비교	나란히 보기 아이콘 및 인라인 보기 아이콘 사용하여 보기 간에 전환합니다.

코드 편집기 매크로

for

• 설명: 예제 배열과 함께 표준 for 루프를 삽입합니다.
• 출력:

  for (var i=0; i< myArray.length; i++) {
   //myArray[i];
   
  }

방법

• 설명: 빈 JavaScript 함수 템플릿을 삽입합니다.
• 출력:

  /*_________________________________________________________________
     * Description:
     * Parameters:
     * Returns:
     ________________________________________________________________*/
     : function() {
     
     },

정보

• 설명: GlideSystem 정보 메시지를 삽입합니다.
• 출력:

  gs.addInfoMessage(gs.getMessage(""));

문서

• 설명: 함수 또는 매개 변수를 설명하기 위한 주석 블록을 삽입합니다.
• 출력:

  /**
   
  * Description: 
   
  * Parameters: 
   
  * Returns:
  */

vargr또는

• 설명: OR 조건이 있는 두 값에 대한 GlideRecord 쿼리를 삽입합니다.
• 출력:

  var gr = new GlideRecord('');
   
  var qc = gr.addQuery('field', 'value1');
   
  qc.addOrCondition('field', 'value2');
  gr.query();
   
  while (gr.next()) {
  
   
  }
  

vargr

• 설명: 단일 값에 대한 표준 GlideRecord 쿼리를 삽입합니다.
• 출력:

  var gr = new GlideRecord("");
  gr.addQuery("name", "value");
  gr.query();
  if (gr.next()) {
     
  }