한국어 번역
TypeScript - 문자열: 초보자 가이드
안녕하세요, 미래의 프로그래머 여러분! 오늘 우리는 TypeScript 문자열의 세계에 흥미로운 여정을 떠납니다. 여러분의 친절한 이웃 컴퓨터 선생님이자 저는 이 기본 개념을 안내해드리기 위해 여기 있습니다. 프로그래밍을 전혀 해보지 않았다면 걱정하지 마세요 - 우리는 기본부터 차근차근 지식을 쌓아 나갈 것입니다. 여러분의 좋아하는 음료를 한 잔 챙겨서, 이제 시작해보겠습니다!
문자열이란?
TypeScript의 구체적인 내용에 이전에 이해해보기 전에, 문자열이 무엇인지 알아보겠습니다. 프로그래밍에서 문자열은 간단히 문자의序列입니다. 이것은 단어, 문장, 심지어 전체 문단일 수 있습니다. 이를 '문자의 문자열'이라고 생각해보세요, 모든 글자, 숫자, 기호가 모여 있습니다.
TypeScript에서 문자열 생성하기
TypeScript에서는 여러 가지 방법으로 문자열을 생성할 수 있습니다. 가장 일반적인 방법들을 보겠습니다:
1. 단일引用 사용
let greeting: string = 'Hello, World!';
console.log(greeting);이 예제에서는 greeting이라는 문자열 변수를 생성하고 'Hello, World!' 값을 할당합니다. console.log() 함수는 이를 콘솔에 출력합니다.
2. 이중引用 사용
let name: string = "Alice";
console.log(name);이전 예제와 동일한 작업을 수행하지만 이중引用을 사용합니다. TypeScript에서 단일引用과 이중引用은 문자열에 대해 교환가능합니다.
3. 백틱 사용 (템플릿 리터럴)
let age: number = 25;
let introduction: string = `My name is Alice and I am ${age} years old.`;
console.log(introduction);이제 흥미로운 부분입니다! 백틱은 우리가 "템플릿 리터럴"이라고 부르는 것을 생성할 수 있게 해줍니다. 이는 우리가 age 변수와 같은 표현식을 직접 문자열에 삽입할 수 있게 합니다. ${} 문법은 age의 값을 문자열에 삽입하는 데 사용됩니다.
문자열 속성
이제 문자열을 생성하는 방법을 알고 있으므로, 몇 가지 속성을 살펴보겠습니다. 가장 흔히 사용되는 속성은 length입니다.
let sentence: string = "The quick brown fox jumps over the lazy dog.";
console.log(sentence.length); // 출력: 44length 속성은 문자열에 있는 문자의 수를告诉我们합니다. 이는 공백과 문법 부호를 포함합니다. 문자열의 크기를 알아야 할 때 매우 유용합니다.
문자열 메서드
TypeScript의 문자열은 우리가 다루고 조작할 수 있도록 많은 내장 메서드를 제공합니다. 가장 흔히 사용되는 몇 가지를 보겠습니다:
| 메서드 | 설명 | 예제 |
|---|---|---|
| toLowerCase() | 모든 문자를 소문자로 변환 |
"HELLO".toLowerCase() // "hello" |
| toUpperCase() | 모든 문자를 대문자로 변환 |
"hello".toUpperCase() // "HELLO" |
| trim() | 문자열 양쪽의 공백을 제거 |
" hi ".trim() // "hi" |
| substring(start, end?) | 문자열의 일부를 추출 |
"hello".substring(1, 4) // "ell" |
| replace(searchValue, replaceValue) | 문자열의 발생을 교체 |
"hello".replace("l", "L") // "heLlo" |
| split(separator) | 문자열을 여러 부분으로 나누기 |
"a,b,c".split(",") // ["a", "b", "c"] |
다음 예제를 통해 이를 실제로 사용해보겠습니다:
let str: string = " Hello, TypeScript! ";
// 소문자로 변환
console.log(str.toLowerCase()); // " hello, typescript! "
// 대문자로 변환
console.log(str.toUpperCase()); // " HELLO, TYPESCRIPT! "
// 공백 제거
console.log(str.trim()); // "Hello, TypeScript!"
// 문자열 일부 추출
console.log(str.substring(3, 8)); // "Hello"
// 문자열 일부 교체
console.log(str.replace("TypeScript", "World")); // " Hello, World! "
// 문자열 나누기
console.log(str.trim().split(",")); // ["Hello", " TypeScript!"]이 각 메서드는 새로운 문자열을 반환하며, 원래 문자열은 변경되지 않습니다. 이는 프로그래밍에서 중요한 개념인 "불변성"입니다.
실무 예제
이제 기본 개념을 다루었으므로, 몇 가지 실무 예제를 살펴보겠습니다. 문자열 조작이 유용할 수 있는 경우입니다.
1. 사용자 입력 검증
가입 양식을 만들 때 사용자 이름에 앞뒤 공백이 없는지 확인하고 싶을 수 있습니다:
function validateUsername(username: string): string {
return username.trim();
}
let input: string = " alice_smith ";
let cleanUsername: string = validateUsername(input);
console.log(cleanUsername); // "alice_smith"2. 간단한 검색 함수 생성
주어진 단어가 문장에 있는지 확인하는 함수를 만들어보겠습니다:
function searchWord(sentence: string, word: string): boolean {
return sentence.toLowerCase().includes(word.toLowerCase());
}
let text: string = "The quick brown fox jumps over the lazy dog";
console.log(searchWord(text, "fox")); // true
console.log(searchWord(text, "cat")); // false이 함수는 문장과 검색 단어를 모두 소문자로 변환하여 대소문자를 구분하지 않고 검색합니다.
3. 이름 포맷ting
이름과 성을 별도로 입력받아 전체 이름을 포맷ting하는 함수를 만들어보겠습니다:
function formatName(firstName: string, lastName: string): string {
return `${firstName.charAt(0).toUpperCase()}${firstName.slice(1).toLowerCase()} ${lastName.toUpperCase()}`;
}
console.log(formatName("john", "doe")); // "John DOE"이 함수는 첫 이름의 첫 글자를 대문자로 변환하고 나머지를 소문자로 변환하고, 성을 모두 대문자로 변환합니다.
결론
축하합니다! TypeScript 문자열의 세계로 첫 걸음을 내디디셨습니다. 우리는 문자열을 생성하는 방법, 그들의 속성, 그리고 가장 흔히 사용되는 조작 메서드를 다루었습니다. 연습이 완벽을 이루는 것을 기억하세요, 그러니 두려워 말고 이 개념들을 실험해보세요.
제 경험에서, 코드를 망가뜨려보고 것을 좋아하는 학생들은 빠르게 배웁니다. 그러니 이 예제들을 가져다가 수정해보고, 무엇이 일어나는지 확인해보세요. 누구도 몰라요, 새로운 흥미로운 것을 발견할지도 모릅니다!
계속 코딩하시고, 호기심을 유지하시고, 기억하세요: 프로그래밍의 세계에서, 모든 오류 메시지는 마스querading한 새로운 학습 기회입니다. 행복하게 코딩하세요!
Credits: Image by storyset