[JavaScript] console.log에 스타일(css) 입히는 방법

2024. 9. 20. 11:26·개발

[JavaScript] console.log에 스타일(css) 입히는 방법

서론

디스코드나 인스타그램, 스래드 등 웹 사이트에서는 selfxss 해킹에 대한 경고를 위해 console 창에 글자를 띄워준다.

이 글에서는 이런식으로 console.log 에 스타일을 입히는 방법을 알려준다.

방법

const style = "font-family: helvetica; font-size: 50px; font-weight: bold; color: red; -webkit-text-stroke: 1px black;";
console.log(`%c원하는 텍스트`, style);

위 코드와 같이 `로 묶어주고 %c를 사용하여 스타일을 입힐 수 있다. 또한 여러 스타일을 한번에 입힐 수 도 있다.

저작자표시 동일조건 (새창열림)
'개발' 카테고리의 다른 글
  • [Raspberrypi] 라즈베리파이 마우스 커서(cursor) 숨기기
  • [RaspberryPi] Taskbar 자동 숨기기 사용 방법
  • [Debian/Ubuntu] 데비안 계열 리눅스의 시작 로고 변경방법 with 라즈베리파이
  • Docker ps 입력시 권한문제 해결방법
JuwonBang
JuwonBang
신라대학교 컴퓨터교육과에서 『기술과 교육이 만들어낼 미래를 함께하는』 방주원입니다.
  • JuwonBang
    메이커집 개발일지
    JuwonBang
  • 전체
    오늘
    어제
  • 공지사항

    • 생성형 AI 확산에 따른 블로그 게시물의 인공지능 학습 및⋯
    • 전체 글 (41)
      • 프로젝트 (0)
      • 개발 (12)
      • 인공지능 (3)
        • Raspberry Pi AI HAT+ (1)
      • 임베디드 (0)
        • 아두이노 (1)
        • Espressif (0)
      • 공부 (0)
        • 25년 정보·컴퓨터 전공A (0)
        • 25년 정보·컴퓨터 전공B (0)
        • 정보처리기사 (0)
      • 강의자료 (1)
      • 아이디어 (6)
      • Portfolio (16)
        • Awards (10)
        • Certificates (6)
  • 최근 글

  • 최근 댓글

  • 블로그 메뉴

    • 홈
    • 소개
    • 방명록
    • 수상 경력
    • 이수 내역
  • 링크

    • 깃허브
  • 태그

    라이브러리
    google coral accelerator
    pi-hole
    파이썬
    라파 최신버전
    그래픽이 2배 좋아짐
    Plymouth
    certificates
    Arduino
    RaspberryPi
    라즈베리파이5
    서버구축
    DNS광고차단
    중등교사임용
    메카솔루션에서 구매함ㅎㅎ
    라즈베리파이 최신
    아두이노
    pihole
    taskbar
    나는 쩔어
    인공지능
    성능 비교
    광고차단
    intel neural compute stick 2
    숨기기
    taskbar숨기기
    라즈베리파이
    CPU도 약 2배 좋아짐
    Broadcom BCM2712
    Awards
  • hELLO· Designed By정상우.v4.10.3
JuwonBang
[JavaScript] console.log에 스타일(css) 입히는 방법
상단으로

티스토리툴바