연습 - 입력 문자열에서 데이터를 추출, 바꾸기 및 제거하는 과제를 완료

10분

코드 챌린지는 학습을 강화하고 계속하기 전에 자신감을 얻는 데 도움이 됩니다.

이 챌린지에서는 HTML 조각이 포함된 문자열을 사용합니다. HTML 조각에서 데이터를 추출하고, 일부 콘텐츠를 바꾸고, 콘텐츠의 다른 부분을 제거하여 원하는 출력을 달성합니다.

HTML 코드에 익숙하지 않은 경우 이 단원의 끝에 있는 "빠른 HTML 입문서" 섹션을 검토하세요.

입력 문자열에서 데이터 추출, 바꾸기 및 제거

Visual Studio Code 편집기에서 모든 코드 줄을 선택하고 삭제합니다.
Visual Studio Code에서 다음 "시작" 코드를 추가하여 챌린지에 대한 데이터를 가져옵니다.
```
const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";

string quantity = "";
string output = "";

// Your work here

Console.WriteLine(quantity);
Console.WriteLine(output);
```
코드를 실행하면 출력에 빈 줄이 표시되고 quantity 및 output의 시작 값은 빈 string 값이 됩니다.
HTML이 포함된 string 코드의 초기 줄을 검토하려면 잠시 시간을 내세요.
```
const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
```
변수에 포함된 <div>의 태그: <h2>, <span>, ™와 기호 코드 input를 확인합니다.
최종 프로그램 출력 에 대해 원하는 출력을 검사합니다.
```
Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>
```
주석 // Your work here아래의 시작 코드에 솔루션 코드 추가를 시작합니다.
quantity와 <span> 사이의 텍스트를 추출하여 얻은 값으로 </span> 변수를 설정합니다.
변수를 output의 값으로 input에 설정한 다음, <div> 및 </div> 태그를 제거합니다.
HTML 문자 ™ (™)를 ® 변수의 ® (output)로 바꿉니다.
솔루션을 실행하고 출력이 예상 출력과 일치하는지 확인합니다.
```
Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>
```

문제가 막혀 솔루션을 살펴보거나 성공적으로 문제를 해결한 후에도 이 도전 과제의 해결 방법을 계속 확인하세요.

빠른 HTML 입문서

HTML에 익숙하지 않은 경우 모든 웹 페이지를 만드는 데 사용되는 태그 언어입니다. HTML에 대해 잘 알고 있는 경우 이 섹션을 건너뜁니다. 이 정보는 이 과제를 완료하기에 충분한 정보를 제공하도록 설계되었으며 포괄적인 HTML 자습서가 아닙니다.

HTML에서는 태그를 사용하여 문서의 구조를 정의합니다. 태그는 다음으로 구성됩니다.

여는 꺾쇠 괄호 <
닫는 꺾쇠 괄호 >
태그 형식을 설명하는 단어입니다(예: <div>, <span>등 <h2> ).

각 태그에는 슬래시 문자를 /도입하는 해당 닫는 태그가 있습니다. 따라서 표시되는 <div> 경우 해당 </div> 태그가 있어야 합니다.

여는 태그와 닫는 태그 사이의 콘텐츠는 해당 태그의 콘텐츠입니다. 콘텐츠에는 텍스트 및 기타 태그가 포함될 수 있습니다.

태그 집합을 다른 태그 집합 내에 포함하여 HTML 문서에 계층 구조를 제공할 수 있습니다.

피드백

이 페이지가 도움이 되었나요?