This text will be hidden
` 태그를 추가할 필요는 없었군요. 이 새로운 방식은 `
` 태그를 더 많이 요구하는 것 같네요. 🙂 ---
일부 초기 피드백: 1. 처음 새로운 details 요소를 접했을 때 그냥 지나쳐 버렸습니다. `[details]`로 인식되지 않았어요. "새롭기 때문"일 수도 있지만… 2. 이전 디자인과 브라우저 기본 구현 방식에서 벗어났습니다. 화살표(chevron)가 summary 뒤에 위치해 있으며, 닫힌 상태의 방향은 이전(그리고 기본적으로) 열림 상태를 의미하던 방향과 반대입니다. 닫힘:   열림:   3. 버튼/summary 요소가 훨씬 더 많은 공간을 차지합니다(이전에는 반인라인(semi-inline) 요소였음)  vs  4. 위에서 보았듯이, 이전에는 삼각형/화살표가 텍스트와 정렬되어 있었지만, 이제는 버튼의 패딩 때문에 “Summary” 텍스트가 정렬되지 않습니다(아무것도 서로 정렬되어 있지 않네요 😅)  5. 모바일에서 상호작용한 후 버튼의 배경이 여전히 강조된 상태로 유지됩니다  6. 배경 옵션보다는 테두리 옵션에 투표했을 것입니다 – 일부 내용을 숨기는 것이 단순히 숨기는 것만 하되, 대비에 영향을 주지 않는 방식(주로 내장 이미지와 이모지 경우에 관련됨)을 선호합니다.  업데이트: 1. 클릭 가능한 영역이 줄어듦:  vs  --- > [@cvx](#): > > 처음 새로운 details 요소를 접했을 때 그 의미를 잘 파악하지 못했습니다. 단순히 `[details]` 태그라고 인식되지 않았거든요. “새로운 요소라서” 그럴 수도 있지만… :baymax_yes: * * * > [@cvx](#): > > 기존 디자인과 브라우저 기본 구현 방식과 동떨어져 있습니다. 쉐브론(화살표)이 summary 텍스트 뒤에 위치해 있고, 닫힌 상태의 방향은 이전(그리고 기본적으로) 열림 상태를 의미하던 방향을 가리키고 있습니다. > 닫힘:   > 열림:   그것이 일종의 의도였습니다. 더 나은 방향으로 개선하려면 기존 방식, 특히 브라우저 기본 설정에서 벗어나야 합니다. 현재는 여러 개의 답글이 있는 게시물 하단의 “답글” 버튼 패턴을 따르고 있습니다.  * * * > [@cvx](#): > > 위에서 확인했듯이, 이전에 삼각형/쉐브론은 텍스트와 정렬되어 있었지만, 이제 버튼의 패딩 때문에 “Summary” 텍스트가 정렬되지 않습니다. (아무것도 서로 정렬되어 있지 않네요 😅) 좋은 지적입니다! * * * > [@cvx](#): > > 모바일에서 조작 후 버튼 배경이 계속해서 강조 상태로 유지됩니다. 이것도 좋은 지적입니다. 확인해 보겠습니다 👍 * * * > [@cvx](#): > > 배경색 옵션보다는 테두리 옵션을 선택했을 것입니다. 일부 콘텐츠를 숨기는 것이 단순히 숨기는 것만 하되, 대비에 영향을 주지 않기를 원합니다. (주로 내장 이미지와 이모지 경우에 관련이 있습니다) 🤔 검은색/어두운 이모지를 어두운/검은 배경 위에 사용하는 문제는 여기서 해결할 수 있는 것이 아닐 수도 있습니다… * * * > [@cvx](#): > > 클릭 가능한 영역이 줄어든 문제: 이것도 다소 혼란스럽네요. 이전에 텍스트가 아닌 다른 곳을 클릭하셨나요? 그곳을 클릭하는 것이 자주 발생했나요?  --- > [@jordan.vidrine](#): > > 이 부분도 좀 헷갈리는데, 텍스트가 아닌 다른 곳을 클릭하셨나요? 여기서 클릭하는 일이 잦으셨나요? 네. 이 기능을 꽤 많이 사용했어요, 특히 모바일에서요. ✋ 영역이 작아서 잘 안 눌려요. 제 엄지가 화면에 닿는 위치가 바로 거기인 것 같아요. --- > [@jordan.vidrine](#): > > 여기 클릭하는 게 흔했나요? 네! 플랫폼 기본 설정의 기대 사항 중 하나입니다: 체크박스/라디오 버튼과 그 `