---

const choiceWrappers = document.querySelectorAll('.multiplechoice')

choiceWrappers.forEach($choiceWrapper => {

  $choiceWrapper.style.display = 'flex'

  $choiceWrapper.style.flexWrap = 'wrap'

})

const multipleChoiceImages = document.querySelectorAll('.multiplechoice .wf-style-mutiplechoice-text img')

multipleChoiceImages.forEach($multipleChoiceImage => {

  $multipleChoiceImage.style.display = 'block'

  $multipleChoiceImage.style.width = '120px'

})

---

1. 위에 코드 복사
2. 리서치 페이지에서 f12 눌러 (크롬 엣지 기준)
3. 콘솔 창 탭 클릭
4. 코드 붙여넣기 및 엔터 ㄱㄱ

4줄로 보일거임

이 상태에서 전체 너비에 맞추고 싶으면 콘솔창에 다시
---

const $container = document.querySelector('.wf-pv-wrapper')

$container.style.maxWidth = '100%'

---
이거 복붙 엔터 ㄱㄱ

옆에 콘솔창은 닫아도 되는데 닫으면 캐릭터 이름이 다시 옆으로 붙더라

아마 창 크기가 변하면서 일부 스타일 재적용하는 로직이 있는거 같음

*추가

리서치 결과 화면 찾던데 그런거 없드라

나는 제출하기 전에 코드로 내 선택만 남기고 지워서 캡쳐함

---

const multiplechoiceList = document.querySelectorAll('.multiplechoice li')

Array.from(multiplechoiceList).filter(v => !v.classList.contains('clicked')).forEach(v => v.remove())

---

이 코드 콘솔창에 ㄱㄱ