터미널이나 콘솔에 로그를 출력할 때 색상을 지정하는 방법
소프트웨어를 개발할 때 로그는 작동을 확인하고 문제의 원인을 찾는 데 도움이 됩니다. 심각한 오류 또는 경고 수준에 대한 로그에 찾기 쉬운 색상이 있으면 도움이 될 것입니다.
VS Code, Visual Studio 등 사용 중인 IDE에서 로그 텍스트의 색상을 설정할 수 있지만, IDE 없이 소프트웨어를 실행하거나 Linux 등 크로스 컴파일 환경에서 소프트웨어를 실행하는 경우 설정이 적용되지 않습니다. . 따라서 터미널 관점에서 독립적으로 텍스트 색상을 설정하는 방법을 소개하겠습니다.
Visual Studio Code에서 출력 텍스트 색상을 변경하는 방법
VS Code의 경우Settings > User > Workbanch > Appearance > Edit in Settings.json의workbench.colorCustomizations에서 색상 값을 설정하여 디버그 콘솔 또는 출력 창의 색상을 변경할 수 있습니다.
workbench.colorCustomizations의 매개변수는 아래 링크를 참고하세요.
텍스트 색상을 설정하는 방법
텍스트 색상을 변경하려면 원하는 텍스트를 중앙에 두고 시작과 끝 부분에 아래 코드를 추가해야 합니다.
- 시작 :
(이스케이프 문자)[(스타일 코드);(텍스트 색상);(배경 색상)m - 텍스트 :
(원하는 텍스트) - 종료 :
(이스케이프 문자)[0m
결국 텍스트 색상이 변경된 한 줄은 아래와 같은 형식을 갖게 됩니다.
(이스케이프 문자)[(스타일 코드);(텍스트 색상);(배경색)m(원하는 텍스트)(이스케이프 문자)[0m
다음은 검정색 배경에 굵은 흰색 텍스트로 표시된 I am text 문자열의 예입니다.
각 숫자의 의미는 이후 섹션에서 미리 정의된 코드를 확인하세요.
1
\u001b[1;37;40mI am text\u001b[0m
먼저 아래 표를 살펴보겠습니다. 텍스트 색상을 변경하는 각 요소가 나열됩니다.
| 요소 | 필수적인 | 논평 |
|---|---|---|
| 이스케이프 문자 | 예 | 유니코드, 8진수 또는 16진수 이스케이프 문자 중 원하는 것을 사용하세요. |
| 스타일 코드 | 선택적인 | 굵게, 깜박임, 흐리게, 밑줄과 같은 텍스트 스타일입니다. |
| 텍스트 색상 | 선택적인 | 이미 정의된 색상 코드에서 선택하여 텍스트 색상을 지정합니다. |
| 텍스트(전경) 색상 | 선택적인 | 이미 정의된 색상 코드에서 선택하여 텍스트 배경 색상을 지정합니다. |
(이스케이프 문자)[0m | 예 | 일단 설정된 텍스트 색상과 스타일을 재설정합니다. 여러 줄의 색상을 변경하려면 나중에 원하는 위치에서 텍스트 색상을 재설정하면 됩니다. |
탈출 문자는 필수이지만 표현 방법에 따라 뒤에 설명하는 세 가지 중 하나를 사용할 수 있습니다.
스타일, 텍스트 색상, 배경 색상을 ;로 구분하여 취향에 맞게 추가할 수 있습니다. 표현할 수 있는 옵션에 대해서는 나중에 설명하겠지만, 각각을 나타내는 숫자가 고유하기 때문에 순서는 중요하지 않습니다.
마지막으로 (Escape Character)[0m을 사용하여 텍스트 색상과 스타일을 재설정합니다. 재설정하지 않으면 이후의 텍스트 색상과 스타일이 계속 유지됩니다.
쉘 스크립트에서 텍스트 색상을 변경하려면 echo 명령에 -e 옵션을 추가하여 백슬래시 입력을 허용해야 합니다.
1
echo -e "\033[34m I Am Blue Text ! \033[0m"
색상 및 스타일 코드
1. 이스케이프 문자
아래의 이스케이프 문자는 ASCII 코드의 27과 동일하며, 표현 방법은 다음과 같으며, 아무거나 사용해도 됩니다.
\u001b: 유니코드 이스케이프 문자.\u뒤에 4자리 16진수 유니코드 코드 포인트를 사용하여 이스케이프 문자를 나타냅니다.\033: 8진수 표기법을 사용하여 이스케이프 문자를 나타냅니다.\x1b: 16진수 표기법을 사용하여 이스케이프 문자를 나타냅니다.
2. 스타일
텍스트 스타일을 선택할 수 있지만 이것이 꼭 필요한지는 의심스럽습니다. 로그는 읽기 쉬워야 합니다.
1: 굵게(또는 강렬한 색상)2: 흐릿함(또는 희미함)4: 밑줄5: 깜박임(빠르게 깜박이는 텍스트)7: 반전(전경색과 배경색 교체)8: 숨김(보이지 않는 텍스트)
3. 텍스트(전경) 색상
텍스트 색상을 변경하는 코드입니다. 사용 중인 터미널 클라이언트 소프트웨어의 기본값을 무시하는 것으로 생각하십시오.
30: 검정색31: 빨간색32: 녹색33: 노란색34: 파란색35: 마젠타36: 청록색37: 흰색
4. 배경색
40: 검정색 배경41: 빨간색 배경42: 녹색 배경43: 노란색 배경44: 파란색 배경45: 마젠타색 배경46: 청록색 배경47: 흰색 배경
5. 색상 재설정
텍스트 색상과 스타일을 재설정하지 않으면 초기 설정대로 유지됩니다.
일반적으로 (Escape Character)[0m 형식으로 텍스트 끝에 추가됩니다.
0: 모든 스타일과 색상을 기본값으로 재설정