LEVEL 42 QUEST
JSON 활용
API에서 받은 JSON 데이터를 실제로 활용하는 방법을 배웁니다.
중첩된 JSON 접근
const data = {
"user": {
"name": "홍길동",
"profile": {
"avatar": "https://...",
"level": 42
}
},
"posts": [
{ "id": 1, "title": "첫 번째 글" },
{ "id": 2, "title": "두 번째 글" }
]
};
// 중첩된 데이터 접근
data.user.name // "홍길동"
data.user.profile.level // 42
data.posts[0].title // "첫 번째 글"
data.posts.length // 2
안전하게 접근하기
Optional Chaining (?.)
데이터가 없을 수도 있을 때, ?.을 사용하면 에러 없이 안전하게 접근합니다.
// 데이터가 없으면 에러 발생!
data.user.address.city // Error: Cannot read property 'city'
// Optional Chaining으로 안전하게
data.user?.address?.city // undefined (에러 없음!)
// 기본값 설정 (Nullish Coalescing)
const city = data.user?.address?.city ?? '알 수 없음';
?? vs ||
??는 null/undefined일 때만 기본값||는 falsy값(0, '', false 등)도 기본값으로 대체
🔒
여기까지는 미리보기입니다
JSON 활용
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.
Google로 3초 만에 시작 →🧵 Threads로 시작무료 공개 강의 둘러보기 (Lv.1~3)무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.