데이터 없을 때 조건 추가하기

옵셔널 체이닝 ?. 활용

<div>{myInfo[0]?.description}</div>

myInfo(데이터값)가 없어도 에러가 안생기게 하기

빈배열인지 확인하고, 삼항연산자 사용

{myInfo.length !== 0 ? (
          myInfo.map((myInfo) => (
            <StDiv key={myInfo.postid}>
              <StLink to={`/@${param.nickname}/${myInfo.postid}`}>
                <h3>{myInfo.title}</h3>
              </StLink>
              <p>{myInfo.contentSummary}</p>
            </StDiv>
          ))
        ) : (
          <h3>첫 글쓰기를 시작하세요</h3>
        )}

myInfo 가 빈배열 []이 아니라면 (배열의 길이값이 0이 아니라면) ? 뒤를 렌더링하고, 맞으면 : 뒤를 렌더링하기