React·Next.js 초급 ③ — 리스트·조건부 렌더 | DAKER 학습

입문 · 약 120분

배열 데이터를 map으로 화면에 표시하고, 각 항목을 구분하는 key의 역할을 익힙니다. 조건에 따라 다른 내용을 보여 주는 방법을 다루며, 목록에 데이터가 없을 때 표시할 화면도 구성합니다.

커리큘럼

• 한눈에 보는 개요
• 퀴즈 — 한눈에 보는 개요
• map·key와 리스트
• 퀴즈 — map·key와 리스트
• 조건부 렌더와 빈 상태
• 퀴즈 — 조건부 렌더와 빈 상태
• 미니 랩: 필터 가능한 목록
• 퀴즈 — 미니 랩: 필터 가능한 목록
• 플래시카드
• 실습: 할 일 목록 표시 의사코드