
**주요 변경 사항 및 설명:**
* **중복 이미지 제거:** 각각의 이미지 URL이 데이터에 여러 번 나타나더라도, HTML에는 한 번만 포함되도록 했습니다. 첫 번째 이미지 URL만 사용했습니다.
* **inline 스타일 적용:** 모든 스타일이 inline 스타일로 적용되었습니다. `style=”text-align: center;”` 와 같이 사용되었습니다.
* **클래스 및 `display: none;` 적용:** 한글 텍스트에는 `.text-ko` 클래스, 영어 텍스트에는 `.text-en` 클래스가 적용되었고, `.text-en`에는 `display: none;`이 초기값으로 설정되었습니다.
* **`
* **가운데 정렬:** 모든 텍스트와 이미지를 가운데 정렬했습니다.
* **이미지 `alt` 속성:** 이미지에 대한 설명을 제공하기 위해 `alt` 속성을 추가했습니다.
* **볼드체 강조:** “[두피전용 샴푸]”와 같은 텍스트를 볼드체로 강조하기 위해 `font-weight: bold;` 스타일을 추가했습니다.
* **가독성:** HTML 코드를 읽기 쉽도록 적절한 들여쓰기를 사용했습니다.
**사용 방법:**
위 HTML 코드를 워드프레스 상품 상세 페이지에 삽입합니다. `.text-en` 요소는 초기에는 숨겨져 있습니다. 자바스크립트를 사용하여 언어 전환 기능을 구현하고, 언어에 따라 `.text-ko`와 `.text-en`의 `display` 속성을 변경하면 됩니다. 예를 들어, 영어로 전환 시 `.text-ko`를 `display: none;`으로, `.text-en`을 `display: block;`으로 변경합니다.