<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">안녕하세요 선생님</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">아래 사진처럼</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">한줄씩 상품정보를 넣고 그 위에 제목을 입력하고 싶습니다</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">Map 반복문을 활용하면서도 가능할까요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">아니면</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">map 반복문을 끈고 2번 map 반복문을 사용해야 할까요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/fb3048d3-9176-4158-8e93-ee9d0468fa20/20211004_160748.png" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>네 그렇다면&nbsp;</p>
<p>상품정보 1</p>
<p>&nbsp; &nbsp;- 상품내용 키보드, 50,000원 ,&nbsp; &nbsp;농구공 50,000원&nbsp;</p>
<p>상품정보2&nbsp;</p>
<p>&nbsp; - 상품내용 키보드 30,000원, 농구공 30,000원&nbsp;</p>
<p>&nbsp;</p>
<p>위와 같이 Map 반복문을 사용하면서&nbsp; 중간에&nbsp; "상품 정보" 라는 제목을 넣으려면 어떻게 해야할까요??</p>
<p>&nbsp;</p>

<p>그렇게 되면 flex-wrap을 주면, 줄바꿈이 되면서 여러 줄이기 때문에 이를 풀어주고</p>
<p>map 반복문을 두 번 진행 할 것 같습니다 :)</p>

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

상품 상단에 제목 추가하기

[그랩마켓] React로 웹 개발하기 - 2

데이터베이스 관리 자동화 기능 제공

전통적인 방식의 복잡성 및 유지보수 문제 해결

서버 응답 속도를 획기적으로 향상

웹 페이지 디자인을 자동으로 생성

인프런 커뮤니티 질문&답변

상품 상단에 제목 추가하기