Day 10 Mission

과제) Welcome React App 만들기

이번 과제는 새로운 React App을 생성하고 간단한 컴포넌트를 만들어 보는 과제입니다.
강의중에 소개하는 JSX 문법 및 React의 Component와 Props에 대한 개념이 필요합니다.
아래 미션 소개 섹션에 안내되어 있는 순서에 따라 새로운 Node.js 패키지를 설정하고 프로그램을 완성해보세요

미션 소개

1. 새로운 리액트 앱을 하나 생성하세요

vite를 이용해 새로운 React App을 생성하세요

2. Welcome 컴포넌트 구현하기

src/App.jsx 안에 다음 조건을 만족하는 Welcome 컴포넌트를 구현하세요

• Welcome 컴포넌트는 App 컴포넌트의 자식 컴포넌트입니다.
• Welcome 컴포넌트는 다음 2개의 Props를 받습니다.
  • 사용자의 이름을 의미하는 name
  • 사용자의 가입 여부를 의미하는 isMember
• isMember 값에 따라 다음과 같이 조건부 렌더링을 수행합니다
  • true일 경우: "${name}님 다시 오셨군요"를 렌더링.
  • false일 경우: "${name}님 가입하시겠어요?"를 렌더링.

답안