개발자와 프로그래머는 오랫동안 컴퓨터 코드를 입력하는 기본 방법으로 텍스트 편집기를 사용해 왔습니다. 일부 개발 환경에는 자체 내장 편집기가 있지만 개발자는 일반적으로 하나의 편집기를 좋아하며 해당 프로그램을 고수합니다. 그 이유 중 하나는 좋은 코딩 편집기에 구문 강조 기능이 포함되어 있기 때문입니다. 구문 강조 기능은 소스 코드의 형식을 지정하고 글꼴 및 색상을 키워드 및 키워드에 구성하여 훨씬 쉽게 읽을 수 있도록하는 기능입니다. 이 Tech Junkie 안내서에서 다루는 Notepad ++와 같은 텍스트 편집기는 이러한 이유로 개발자가 선호합니다. 대부분의 개발자는 내장 된 구문 강조 옵션이 포함되어 있지 않기 때문에 훌륭한 작업 그룹 기능과 클라우드 통합에도 불구하고 Google 문서 도구를 잠재적 인 코딩 편집기로 보지 않습니다.
그러나 Google 문서에서 코드에 구문 강조를 추가 할 수 있습니다. 실제로 구문 강조 표시를 사용하여 다양한 프로그래밍 및 마크 업 언어를 형식화 할 수있는 Docs 용 애드온이 두 개 이상 있습니다. Google 문서에서 강조 표시하여 소스 코드를 삽입하는 데 사용할 수있는 수많은 웹 앱도 있습니다. 문서 문서에 소스 코드 구문 강조 표시를 추가하는 방법을 보여 드리겠습니다.
Code Pretty로 소스 코드 포맷
Code Pretty는 선택한 코드에 강조 표시를 자동으로 추가하는 Google 문서 용 애드온입니다. Code Pretty에는 구문 형식을 사용자 정의하기위한 방대한 설정이 포함되어 있지 않지만 여전히 편리한 구문 강조 옵션을 문서에 추가합니다. 이 웹 페이지에서 Fr ee 버튼을 클릭하여 문서에 CP를 추가 할 수 있습니다. 그런 다음 허용 버튼을 눌러 애드온에 대한 권한을 확인하십시오.
그런 다음 브라우저에서 문서를 엽니 다. 추가 기능 탭을 클릭하여 메뉴를 엽니 다. 해당 메뉴에는 Code Pretty 애드온이 포함됩니다. 이 부가 기능이 구문을 강조하는 방법에 대한 예를 제공하려면 Ctrl + C를 눌러 아래 샘플 JavaScript 코드를 선택하여 문서 문서에 복사하십시오.
JavaScript는 무엇을 할 수 있습니까?
JavaScript는 HTML 속성을 변경할 수 있습니다.
이 경우 JavaScript는 이미지의 src (소스) 속성을 변경합니다.
Ctrl + V를 눌러 해당 JavaScript 샘플을 문서에 붙여 넣습니다. 그런 다음 커서로 워드 프로세서에서 코드를 선택하십시오. 애드온 > 코드 프리티를 클릭하고 하위 메뉴에서 형식 선택 옵션을 선택 하십시오. 그러면 아래 스냅 샷에 표시된대로 JavaScript가 형식화됩니다.
언급했듯이 CP에는 구문 강조에 대한 많은 설정이 포함되어 있지 않습니다. 그러나 애드온 > 코드 프리티 및 설정 을 클릭하여 강조 표시된 코드의 글꼴 크기를 조정할 수 있습니다. 바로 아래에 표시된 사이드 바가 열립니다. 그런 다음 강조 표시된 코드에 대한 대체 기본 글꼴 크기를 선택할 수 있습니다.
코드 블록으로 소스 코드 포맷
코드 블록은 문서에 추가 할 수있는 CP의 대체 애드온입니다. 이것은 실제로 많은 강조 표시 테마를 포함하므로 구문을 강조 표시하는 약간 더 나은 애드온입니다. 이 웹 사이트 페이지에서 무료 버튼을 눌러 문서에 코드 블록을 추가하십시오.
코드 블록을 설치 한 경우 문서를 열고 위와 동일한 JavaScript 코드를 복사하여 이전과 같이 워드 프로세서에 붙여 넣습니다. 애드온 > 코드 블록을 클릭하고 시작 을 선택하여 바로 아래의 샷에 표시된 사이드 바를여십시오.
커서로 JavaScript 텍스트 만 선택하십시오. 코드 위나 아래에 빈 문서 공간을 선택하지 마십시오. 첫 번째 드롭 다운 메뉴에서 JavaScript 를 선택하십시오. 그런 다음 테마 드롭 다운 메뉴에서 테마를 선택할 수도 있습니다. Format 버튼을 누르면 아래와 같이 구문 강조가 코드에 추가됩니다. 이제 마크 업 태그가 강조 표시되어 JavaScript 텍스트가 훨씬 명확 해졌습니다.
강조 표시된 소스 코드를 복사하여 Google 문서에 붙여 넣기
Code Blocks 및 Code Pretty Docs 외에도 구문 강조 표시기 웹 앱을 사용하여 소스 코드를 형식화 할 수 있습니다. 그런 다음 강조 표시된 소스 코드를 복사하여 웹 앱에서 문서로 다시 붙여 넣을 수 있습니다. Textmate는 수많은 프로그래밍 및 마크 업 언어를 형식화하는 하나의 구문 형광펜 웹 앱입니다.
Textmate를 열려면이 하이퍼 링크를 클릭하십시오. 그런 다음이 게시물에 포함 된 JavaScript 텍스트를 복사하여 Ctrl + C 및 Ctrl + V 단축키를 사용하여 Textmate의 소스 코드 상자에 붙여 넣습니다. 언어 드롭 다운 메뉴에서 JavaScript 를 선택하십시오. 테마 드롭 다운 메뉴에서 구문 강조 테마를 선택하십시오. 하이라이트 버튼을 누르면 바로 아래의 스냅 샷에 표시된대로 소스 코드의 형식을 미리 볼 수 있습니다.
그런 다음 커서로 미리보기에서 강조 표시된 JavaScript를 선택하고 Ctrl + C를 누릅니다. Ctrl + V를 눌러 강조 표시된 코드를 Google 문서에 붙여 넣습니다. 그러면 강조 표시된 JavaScript 소스 코드가 바로 아래에 표시된 것처럼 문서 문서에 추가됩니다.
따라서 소프트웨어 및 웹 사이트 코드에 구문 강조를 추가하기 위해 데스크탑 텍스트 편집기가 필요하지 않습니다. 대신 코드 프리티 및 코드 블록 확장명을 사용하여 문서에서 구문 코드를 강조 표시 할 수 있습니다. 또는 Textmate 웹앱에서 코드를 복사하여 붙여 넣어 Google 문서에서 강조 표시된 소스 코드를 삽입하십시오.
Google 문서에 구문 형식을 추가 할 수있는 다른 방법이 있습니까? 아래에서 우리와 공유하십시오!
