JavaScript에서 문자열의 첫 글자를 대문자로 변환하는 방법

JavaScript에서 문자열의 첫 글자만 대문자로 바꾸고 싶다면 toUpperCase() 메서드를 활용하면 됩니다. 문자열 전체가 아닌 첫 글자 하나만 변환하면 되기 때문에, 해당 위치의 문자를 가져오는 charAt(0) 메서드와 함께 사용하는 것이 핵심입니다.

동작 원리

charAt(0)으로 문자열의 인덱스 0에 해당하는 첫 번째 문자를 추출한 뒤 toUpperCase()로 대문자로 변환하고, 나머지 부분은 slice(1)로 그대로 이어 붙이는 방식입니다.

예제 코드

function replaceWithTheCapitalLetter(values){
   return values.charAt(0).toUpperCase() + values.slice(1);
}
var word="javascript"
console.log(replaceWithTheCapitalLetter(word));

위 프로그램을 실행하려면 터미널에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo167.js라고 가정하겠습니다.

실행 결과

위 코드를 실행하면 다음과 같은 출력 결과를 확인할 수 있습니다.

PS C:\Users\Amit\javascript-code> node demo167.js
Javascript

이처럼 charAt(0)과 toUpperCase(), slice(1) 세 가지 메서드만 조합하면 별도의 외부 라이브러리 없이 간단하게 문자열의 첫 글자를 대문자로 변환할 수 있습니다. 참고로 최신 JavaScript 환경에서는 CSS의 text-transform: capitalize나 정규식(/./, replace)을 활용하는 방법도 자주 사용됩니다.