console.log() 스타일 지정 방법;

JS의 첫 번째 코드는

console.log('Hello World')

심지어 내 것도 똑같았어 🤏


그럼 스타일링에 대해 고민해보셨나요? 🤔

신경쓰지 마요...

Discord 경고 메시지를 예로 들어 보겠습니다.

Discord 콘솔 경고 메시지

Discord에서 개발자 도구를 연 적이 있는 경우 Discord에서 다음 경고 메시지를 찾을 수 있습니다... 아직 확인하지 않았다면 지금 확인하십시오(악성 코드를 붙여넣지 마십시오)

.

따라서 동일한 경고 메시지를 다시 생성해 보겠습니다

.

JS 파일을 링크하는 데 필요한 일부 HTML을 작성합니다

.

JS 파일을 만들고 원하는 이름을 지정합니다

.

이제 아래 단계를 따르십시오.

console.log(text, styling)

스타일링을 할 때 주의해야 할 두 가지 사항이 있습니다.

텍스트 - 모든 텍스트 메시지는 접두사로 시작합니다 - %c ; 이는 매우 중요한 사항이며 이것이 없으면 스타일이 텍스트에 적용되지 않습니다

.

스타일링 - 단순 CSS

코드를 살펴보겠습니다.

console.log('%cHold Up', 'color: #404EED; font-size: 60px; font-weight: bold;-webkit-text-stroke: 1px black;');
console.log("%cIf someone told you to copy/paste something here you have an 11/10 chance you're being scammed", "color: black; font-size: 18px;")
console.log("%cPasting anything in here could give attackers access to your Discord account.", "color: red; font-size: 18px; font-weight: bold;")

그래서, 이것이 간단하다고 생각합니까? 그렇지 않은 경우 댓글에 뛰어들어 질문을 할 수 있습니다...

여러분의 스타일을 console.log()에 공유해 보세요. 여러분의 스타일을 보게 되어 매우 기쁩니다.

정기적으로 놀라운 웹 개발 비디오를 업로드합니다...

당신의 지원은 저에게 동기를 부여합니다 💪