const dummy_me = {
email: "scscsc@naver.com",
nickname: "김건모",
};
const MyProfile = (
<div>
<h2>{dummy_me?.email}</h2>
<h3>{dummy_me?.nickname + "님"}</h3>
<p>Point : 356p</p>
<p>랭킹 : 777위</p>
<Button style={{ margin: "5px" }}>자세히</Button>
<Button style={{ margin: "5px" }}>로그아웃</Button>
</div>
);
여기서 dummy_me?.email 과
dummy_me.email 차이가 무엇인가요??
옵셔널 체이닝
? 달려있는것은 그럼 있어도 되고 없어도 작동한다는건가용?
null or undefined 확인하는거임
널은 값이 없는거고 undefined 는 무엇을 의미하나요?
https://ko.javascript.info/types#ref-104
감사합니당
await랑 같음 그 값이 존재하는지 확인 후 접근함
await이랑 뭐가 같다는거임?
dummy_me?.email 같은 코드이면 await const dummy = 비동기로 받아올 값 if(dummy_me != null) return <h2>{dummy_me.email}</h2> 이런 식으로 dummy_me의 값이 존재해야 email로 접근함
그건 비동기가 아니라도 작성할 수 있는데 그게 어떻게 같을수 있음 애초에 await은 callback 보기 좋게 쓰려고 나온건데 차라리 try catch 랑 비슷하다고 하면 어느정도 맞다고 할텐데
체이닝 한다는 점에서는 같다고 볼수도 있겠네