구문 강조

3. 실용적 이점

구문 강조는 텍스트, 특히 여러 페이지에 걸쳐 있는 코드의 가독성과 문맥을 개선한다. 독자는 찾고 있는 내용에 따라 주석이나 코드의 큰 부분을 쉽게 무시할 수 있다. 구문 강조는 프로그래머가 프로그램에서 오류를 찾는 데 도움이 된다. 예를 들어, 대부분의 편집기는 문자열 리터럴을 다른 색상으로 강조 표시하여 구분 기호 누락을 쉽게 찾을 수 있게 해준다. 괄호 일치 기능을 통해 괄호가 빠졌는지 확인하거나 커서가 있는 괄호의 일치 항목을 찾아 다른 색상으로 강조 표시할 수도 있다.^[2]

PPIG 회의에서 발표된 한 연구에서는 구문 강조가 짧은 프로그램의 이해에 미치는 영향을 평가했는데, 구문 강조가 있을 때 프로그래머가 프로그램의 의미를 내면화하는 데 걸리는 시간을 유의미하게 줄이는 것으로 나타났다. 또한, 연구 중 아이 트래커에서 수집된 데이터에 따르면 구문 강조를 통해 프로그래머가 키워드와 같은 표준 구문 구성 요소에 덜 주의를 기울일 수 있었다.^[20]

하지만, 구문 강조로 인해 다음과 같은 단점도 존재한다는 지적도 있다.^[21]

• 훑어보기 쉬워져서 프로그래머가 코드 전체를 이해하려는 노력을 덜 하게 된다.
• 타이포그래피상의 이유로, 강조 표시된 코드가 실제로는 판독성이 떨어질 수 있다.

4. 텍스트 편집기 지원

일부 텍스트 편집기는 인쇄하거나 워드 프로세싱 및 기타 종류의 텍스트 서식 소프트웨어로 가져오기에 적합한 형식으로 색상 마크업을 내보낼 수 있다. 예를 들어, HTML, 컬러화된 LaTeX, PostScript 또는 RTF 버전의 구문 강조 표시로 내보낼 수 있다. 다른 애플리케이션에서 사용할 수 있지만 그 자체로 완전한 프로그램이 아닌 여러 구문 강조 라이브러리 또는 "엔진"이 있다. 예를 들어 PHP용 Generic Syntax Highlighter (GeSHi) 확장이 있다.^[25]

둘 이상의 언어를 지원하는 편집기의 경우, 사용자는 일반적으로 C, LaTeX, HTML과 같은 텍스트의 언어를 지정할 수 있으며, 텍스트 편집기는 파일 확장자를 기반으로 하거나 파일 내용을 스캔하여 자동으로 인식할 수 있다. 이 자동 언어 감지는 잠재적인 문제를 야기한다. 예를 들어, 사용자는 다음을 포함하는 문서를 편집할 수 있다.

• 둘 이상의 언어 (예: JavaScript 코드가 포함된 HTML 파일을 편집하는 경우)
• 인식되지 않는 언어 (예: 잘 알려지지 않거나 비교적 새로운 프로그래밍 언어의 소스 코드를 편집하는 경우)
• 파일 유형과 다른 언어 (예: 언어를 감지하기 위해 파일 확장자를 사용하는 편집기에서 확장자가 없는 파일의 소스 코드를 편집하는 경우)

5. 구문 요소

대부분의 구문 강조 편집기는 키워드, 주석, 제어 흐름 문, 변수 등 구문의 수십 가지 서로 다른 어휘 하위 요소에 대해 다양한 색상과 텍스트 스타일을 허용한다. 프로그래머는 코드를 읽기 어렵게 만들지 않으면서 최대한 많은 유용한 정보를 표시하기 위해 설정을 자주 사용자 정의한다.^[2]

일부 편집기는 "구문 장식" 기능을 제공하여 포인터 연산자를 실제 화살표 기호로, 주석의 텍스트 장식 단서(예: /기울임꼴/, *굵게*, 또는 _밑줄_)를 실제 ''기울임꼴'', '''굵게''', 또는 밑줄로 표시하는 등 특정 구문 요소를 시각적으로 더 보기 좋은 방식으로 표현한다.

5. 1. 예제

아래는 문법이 강조된 C++ 코드 중 일부를 발췌한 것이다.

// Create "window_count" Window objects:

const auto window_count = int{10};

auto windows = std::array, max_window_count>{};

for (auto i = int{0}; i < window_count; ++i) {

windows[i] = std::make_shared();

}

다음은 코드 조각 C 언어 코드의 비교이다.

다음은 구문 강조된 또 다른 C++ 코드 조각이다.

// Create "window_count" Window objects:

const auto window_count = int{10};

auto windows = std::array, max_window_count>{};

for (auto i = int{0}; i < window_count; ++i) {

windows[i] = std::make_shared();

}

C++ 예제에서 편집기는 키워드 const, auto, int 및 for를 인식했다. 시작 부분의 주석도 작동하는 코드와 구별하기 위해 특정 방식으로 강조 표시된다.

다음은 C++ 코드를 구문 강조한 것이다.

// Allocate all the windows

for (int i = 0; i < max; i++)

{

wins[i] = new Window();

}

이 예시에서는 소프트웨어가 키워드(예약어)로 for, int, new를, 변수명으로 i, wins, max를 판별하여 서로 다른 색으로 강조 표시한다. 첫 번째 줄의 주석도 코드 부분과 구별할 수 있도록 강조 표시된다.

6. 한계

일부 텍스트 편집기와 코드 서식 도구는 각 가능한 언어에 대한 파서를 구현하는 대신 패턴 매칭 휴리스틱 (예: 정규 표현식)을 사용하여 구문 강조를 수행한다.^[10] 이로 인해 부정확한 구문 강조 및 속도 저하가 발생할 수 있다. 텍스트 편집기가 이 문제를 해결하기 위해 사용하는 해결책은 보이는 영역만 파싱하는 것이며, 때로는 "동기화"를 위해 텍스트에서 제한된 수의 줄까지 뒤로 스캔하기도 한다.

편집기는 종종 코드가 완성되지 않았거나 잘못된 상태에서 코드를 표시하며, 엄격한 파서(컴파일러에서 사용되는 것과 같은)는 대부분의 경우 코드를 파싱하는 데 실패한다.

일부 최신 언어별 IDE (텍스트 편집기와 대조적으로)는 코드에 대한 매우 정확한 이해를 제공하는 전체 언어 파싱을 수행한다. 의미론적 강조는 지역 변수에 고유한 개별 색상을 제공하여 코드 이해도를 높일 수 있다. (KDevelop|케 ডেভেলপ^영어, Visual Studio|비주얼 스튜디오^영어, Xcode|엑스코드^영어 등에서 사용) 사용자가 색맹을 가지고 있다면 사용자 인터페이스의 색상은 덜 유용할 수 있다.

참조

_[1] 서적 The Java developer's guide to Eclipse Addison-Wesley 2005
_[2] 간행물 The impact of syntax colouring on program comprehension https://ppig.org/pap[...] 2015
_[3] 콘퍼런스 User engineering principles for interactive systems AFIPS
_[4] 웹사이트 Emily - An Editor for Structured Text https://www.cs.cmu.e[...] 2013-06-17
_[5] Citation Syntax error correction method and apparatus https://patents.goog[...] 1982-10-29
_[6] 서적 Mattel Intellivision: Intellivision Computer Module Owner's Guide (1983)(Mattel)(US) https://archive.org/[...] 1983
_[7] 웹사이트 Intellivision Classic Video Game System / Entertainment Computer System http://www.intellivi[...] 2018-04-12
_[8] 웹사이트 LEXX – A programmable structured editor http://www.research.[...] IBM 1987
_[9] mailing list A Trio of Historical Recollections https://lists.apple.[...] 2011-10-10
_[10] 웹사이트 KEDIT Language Definition Files http://www.kedit.com[...] Mansfield Software Group, Inc. 2016-04-07
_[11] 웹사이트 2009 blog post on Semantic Highlighting introduced in KDevelop by David Nolden http://zwabel.wordpr[...] 2009-01-08
_[12] 웹사이트 2014 blog post on Semantic Highlighting by Evan Brooks https://medium.com/@[...] 2017-04-17
_[13] 웹사이트 Visual Studio Magazine article on semantic highlighting http://visualstudiom[...]
_[14] 웹사이트 Github page of a plugin which implements semantic highlighting for Xcode https://github.com/k[...] 2022-09-14
_[15] 웹사이트 入力時の構文チェック - MATLAB & Simulink - MathWorks 日本 https://jp.mathworks[...] MathWorks, Inc. 2018-08-24
_[16] 웹사이트 EmEditor 使い方: 新しい構文ファイルを作成するには http://www.emeditor.[...] Emurasoft, Inc. 2018-08-24
_[17] 웹사이트 IBM Knowledge Center - COBOL、JCL、PL/I、アセンブラー、および C++ ファイルの編集 https://www.ibm.com/[...] IBM Corporation 2018-08-24
_[18] 웹사이트 世界最速「さくさくエディタ」 http://vivi.dyndns.o[...] 2018-08-24
_[19] 웹사이트 Sun[tm] ONE Studio 4 update 1, Mobile Edition リリースノート https://docs.oracle.[...] 2019-08-29
_[20] 간행물 シンタックスに色付けするとプログラム理解にどう影響するか [The impact of syntax colouring on program comprehension] http://www.ppig.org/[...]
_[21] 웹사이트 シンタックス強調表示の不利な事例 [A case against syntax highlighting] http://www.linusakes[...] 2007-08-28
_[22] 문서 LEXX – A programmable structured editor http://www.research.[...] IBM Journal of Research and Development 1987
_[23] 콘퍼런스 User engineering principles for interactive systems AFIPS
_[24] 웹인용 Emily - An Editor for Structured Text http://www.cs.cmu.ed[...] 2013-06-17
_[25] 서적 Advances in human-computer interaction Ablex