구글 독스 Code Blocks 확장 프로그램 활용하여 코드 작성 방법

구글 독스 Code Blocks 확장 프로그램 활용하여 코드 작성 방법

구글 독스는 문서 작성 도구로 널리 사용되지만, HTML이나 CSS, JavaScript와 같은 코드를 작성할 때 가독성 문제를 겪는 경우가 많습니다. 이를 해결하기 위해 Code Blocks 확장 프로그램을 활용하면 깔끔하고 가독성 높은 코드를 작성할 수 있습니다. 이 글에서는 Code Blocks 확장 프로그램 설치 및 사용 방법을 자세히 알아보겠습니다.

1. Code Blocks 확장 프로그램 설치

  1. 구글 독스를 실행한 후 상단 메뉴에서 [확장 프로그램][부가기능][부가기능 설치하기]를 선택합니다.
  2. 검색창에 Code Blocks를 입력합니다.
  3. 검색 결과에서 Code Blocks를 선택한 후 설치 버튼을 클릭합니다.
Code Blocks 확장 프로그램 설치 화면

📌 참고: 설치 과정에서 구글 계정 권한 요청이 있을 수 있으니 확인 후 계속 진행하세요.

2. Code Blocks 확장 프로그램 사용 방법

  1. 구글 독스 문서에 작성할 코드를 입력 후 선택합니다.
  2. 상단 메뉴에서 [확장 프로그램]Code BlocksStart를 선택합니다.
  3. 오른쪽에 Code Blocks 패널이 나타나면, 다음을 설정합니다.
    • Language: 작성할 코드의 언어를 선택 (예: HTML, CSS, JavaScript 등).
    • Theme: 코드에 적용할 스타일을 선택 (예: Monokai, Dracula 등).
    • Preview: 적용된 코드를 확인.
  4. 설정이 완료되면 [Format] 버튼을 클릭하여 스타일이 적용된 코드로 변경됩니다.
Code Blocks 확장 프로그램 사용하여 스타일이 적용 예시

📌 팁: 다양한 스타일 테마를 제공하므로, 개인 취향에 맞는 테마를 선택하여 코드를 꾸밀 수 있습니다.

스타일이 적용된 코드 예시


👉 Code Blocks 확장 프로그램은 구글 독스에서 코드 작업을 해야 하는 사용자에게 매우 유용한 도구입니다. 간단한 설치와 설정으로 코드의 가독성을 높이고, 협업 시에도 큰 장점을 제공합니다. 구글 독스에서 코드 작성이 필요하다면 꼭 한 번 사용해 보세요!

함께 보면 좋은 게시글

이 글이 도움이 되셨다면 공유 부탁 드립니다.

위로 스크롤