Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript로 굵은 텍스트(볼드체) 만드는 방법 – bold() 메서드 완벽 정리

JavaScript에서 문자열을 굵은 텍스트(bold)로 표시하려면 bold() 메서드를 사용할 수 있습니다. 이 메서드는 문자열을 마치 HTML의 <b> 태그로 감싼 것처럼 처리하여, 화면에 볼드체로 출력되도록 만듭니다.

bold() 메서드의 동작 원리

bold() 메서드는 String 객체에서 호출되며, 호출된 문자열 앞뒤에 <b> 태그를 붙인 새로운 문자열을 반환합니다. 예를 들어 "Demo Text".bold()를 실행하면 <b>Demo Text</b>라는 결과가 반환됩니다.

예제 코드

다음 코드를 실행하면 JavaScript로 굵은 텍스트를 만드는 과정을 직접 확인할 수 있습니다.

<html>
   <head>
      <title>JavaScript String bold() Method</title>
   </head>

   <body>
      <script>
         var str = new String("Demo Text");
         document.write(str.bold());
         alert(str.bold());
      </script>
   </body>
</html>

실행 결과

  • document.write(str.bold()): 웹 페이지에 <b>Demo Text</b>가 삽입되어 화면에 Demo Text가 굵게 표시됩니다.
  • alert(str.bold()): 알림 창에 반환된 문자열 <b>Demo Text</b>가 그대로 출력됩니다.

참고: 최신 개발 환경에서의 대안

bold() 메서드는 현재 더 이상 권장되지 않는(deprecated) 기능입니다. 실무에서는 다음과 같은 방식을 사용하는 것이 좋습니다.

  • CSS 활용: font-weight: bold; 스타일로 텍스트를 굵게 표시
  • HTML 태그 직접 사용: <b> 또는 의미를 강조하는 <strong> 태그 사용

예를 들어 DOM 조작 시에는 아래처럼 작성할 수 있습니다.

document.getElementById("demo").innerHTML = "<strong>Demo Text</strong>";

이처럼 bold() 메서드는 학습용으로 참고할 만하지만, 유지보수성과 웹 표준을 고려하면 CSS나 <strong> 태그를 사용하는 것이 바람직합니다.