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