JavaScript 문자열 추출: `slice()` vs `substring()` vs `substr()` 비교 및 권장 사항

핵심 기술: 이 글은 JavaScript에서 문자열 부분을 추출하는 데 사용되는 세 가지 주요 메서드인 slice(), substring(), substr()을 비교하고, 특히 slice()를 현대적인 JavaScript 개발에 가장 적합한 솔루션으로 추천합니다.

기술적 세부사항:
* slice():
* 하나 또는 두 개의 인덱스를 허용하며, 음수 인덱스도 지원하여 문자열의 끝에서부터 추출할 수 있습니다.
* 예: 'abcde'.slice(-2)는 'de'를 반환합니다.
* 두 번째 인덱스가 첫 번째 인덱스보다 작으면 빈 문자열을 반환하여 예측 가능하게 동작합니다. (예: 'abcde'.slice(4, 2)는 '' 반환)
* 인덱스를 벗어나는 값은 자동으로 처리됩니다.
* substring():
* substr()과 달리 음수 인덱스를 지원하지 않으며, 음수 값은 0으로 취급되어 문자열 전체가 반환될 수 있습니다. (예: 'abcde'.substring(-2)는 'abcde' 반환)
* 두 인덱스 순서가 바뀌면 자동으로 올바른 순서로 조정합니다. (예: 'abcde'.substring(4, 2)는 'cd' 반환)
* 이는 때로는 예상치 못한 결과를 초래할 수 있습니다.
* substr():
* 현재 JavaScript에서 deprecated(사용 중단 권고) 되었으며, 핵심 스펙의 일부가 아닙니다.
* index와 length 두 개의 인자를 받습니다. (예: 'abcde'.substr(2, 3)는 'cde' 반환)
* substr()은 C의 strncopy와 같이 하드웨어 수준의 메모리 복사와 유사하게 동작하는 저수준(low-level) 특성을 가집니다.
* 음수 인덱스를 지원하여 문자열 끝에서부터 추출이 가능합니다. (예: 'abcde'.substr(-2)는 'de' 반환)

개발 임팩트:
* slice()를 사용하면 음수 인덱스 지원, 예측 가능한 동작, 그리고 현대적인 JavaScript 패턴과의 호환성을 통해 코드의 가독성과 안정성을 높일 수 있습니다.
* substring()의 자동 인덱스 조정 및 음수 인덱스 미지원 특성을 인지하고 사용하지 않으면 잠재적인 버그를 유발할 수 있습니다.
* substr()은 더 이상 사용을 권장하지 않으므로, 레거시 코드에서 발견될 경우 점진적으로 slice()로 마이그레이션하는 것이 좋습니다.

커뮤니티 반응: 원문에서 직접적인 커뮤니티 반응을 언급하지는 않지만, slice()가 현대적인 JavaScript 개발에서 선호되는 방법이라는 점은 많은 개발자들이 공감하는 내용입니다.