뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, Javascript Object Shorthand Property
서원석님의 학습노트

Javascript Object Shorthand Property

#전체
#개발자
#프론트엔드
#javascript
#object
#shorthand
01:03코드 확인(영상은 재생하지마시고 코드만 봐주세요) 작성된 코드를 보세요. order 객체에 userId라는 key가 있고 value로는 1000을 담고 있는 변수 userId가 들어갑니다. 또 pizza key엔 pizza('margherita'라는 문자열이 담긴) value가 들어가죠. order를 확인해보면 { userId: 1000, pizza: 'margherita' } 라는 객체가 출력되는 것을 보실 수 있습니다.
01:17코드 확인(영상은 재생하지마시고 코드만 봐주세요) 코드 내용을 보면 value에 해당되던 userId, pizza가 지워졌는데 order를 확인해보면 { userId: 1000, pizza: 'margherita' } 로 그대로 출력되는 것을 보실 수 있습니다. 이것은 shorthand property라는건데요, 쉽게 말하면 객체의 key와 value가 동일하면 표기를 생략할 수 있는 방식이라고 생각하시면 됩니다. '{ userId: userId }'에서 key, value의 표기가 같으므로 { userId }라고 표현될 수 있는 것이죠. * { userId }는 { userId: userId }를 뜻함
✔ 학습 완료
댓글 4
서원석의 프로필 이미지
서원석
2달 전
학습노트 제작자
다행이네요
댓글 달기
썬석 test의 프로필 이미지
썬석 test
2달 전
답변 감사합니다!
썬석 test의 프로필 이미지
썬석 test
2달 전
다음에도 좋은 학습노트 부탁드려요^^
썬석 test의 프로필 이미지
썬석 test
2달 전
유용한 문법들이네요.
댓글 달기

이 학습노트가 포함된 러닝패스예요.

서원석님의 다른 노트는 어때요?

서원석의 프로필 이미지
서원석
의 학습노트

리액트로 이미지 미리보기 구현(feat. useState, useEffect, useRef, FileReader)

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
25
00:01
이 학습노트에서 구현하는 결과물 입니다.(파일 선택기에서 이미지 파일을 고르면 이미지 미리보기)
00:25
코드 살펴보기 시작
👍
2
스크랩
서원석의 프로필 이미지
서원석
의 학습노트

네거티브 마진 negative margins | 코딩가나다 | 빔캠프

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
6
04:38
B에 negative margin을 적용하기
05:00
마크업 상에서 아래 쪽에 위치하면 위로 올라갑니다. *negative margin과 상관없는 이야기
👍
6
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기