JavaScript 챌린지: 단어의 첫 글자를 대문자로 변환

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• JavaScript 초보자~중급자 개발자
• 문자열 조작 및 배열 처리 기술 연마 필요자
• 문제 해결 능력 향상이 필요한 프로그래밍 학습자

핵심 요약

• split(), map(), join() 메서드를 활용한 문자열 변환 전략
• toUpperCase() 메서드로 단어별 첫 글자 대문자화
• 빈 문자열 및 공백 처리 같은 엣지 케이스 대응 필수

섹션별 세부 요약

1. 문제 정의

• 문자열 내 단어별 첫 글자만 대문자로 변환
• 예: "hello world" → "Hello World"
• 공백 또는 빈 문자열 입력 시 비정상 처리 방식 요구

2. 접근 방식

• 1단계 : split(" ")로 단어 분리
• 2단계 : map()으로 각 단어의 첫 글자 대문자화
• word[0].toUpperCase() + word.slice(1)
• 3단계 : join(" ")로 배열 재결합

3. 구현 예제

function capitalizeWords(str) {
  return str.split(" ").map(word =>
    word[0].toUpperCase() + word.slice(1)
  ).join(" ");
}

• trim() 메서드로 입력 공백 제거 권장
• 정규 표현식 대신 간단한 문자열 조작 사용

결론

• 문자열 분리-변환-결합 패턴을 활용한 간결한 구현
• 엣지 케이스(빈 문자열, 다중 공백) 처리를 위한 추가 검증 로직 포함 필수
• trim()과 split()의 조합으로 입력 안정성 확보