본문 바로가기 메뉴 바로가기

혜르미온느

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

혜르미온느

검색하기 폼
  • 분류 전체보기 (154)
    • JavaScript (54)
      • JS (21)
      • react (27)
      • vue (1)
      • 상태관리 (5)
    • Test (3)
      • jest (3)
    • TIL:Today I Learn (58)
      • retrospective (1)
      • git (8)
      • sentry (9)
      • etc (39)
      • reference (1)
    • lecture (6)
      • 김민태의 프론트엔드 아카데미 1강 (6)
    • Challenge (20)
      • 네이버쇼핑 (20)
  • 방명록

옵셔널체이닝 (1)
[JavaScript 물음표] Optional Chaining - 옵셔널 체이닝

JavsScript에서 물음표를 사용하는 사례가 몇 가지 있는데, 예를 들어 삼항연산자 / null 병합 연산자 등, 그 중에 하나가 바로 optional chainig 이다. 나는 사실 옵셔널 체이닝이라는 단어를 잘 몰라서 물음표 연산자라고만 생각했었는데, 이게 잘 사용하면 코드가 간결해지는 효과가 탁월한 것 같다. 예를들어 깊이 중첩된 오브젝트 내의 한 데이터에 접근한다고 하자. 그럼 다음과 같이 표현하는게 일반적인데, let nestedProp = obj.first && obj.first.second; 이 뜻은 obj.first.second에 접근하기 전에 obj.first가 존재하는지 먼저 확인하라는 의미이다. 만약 다음과 같이 코드를 작성하게 된다면 obj.first가 없을 때, 에러를 발생시키..

JavaScript/JS 2022. 3. 8. 23:37
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 사파리
  • 센트리
  • storybookUI
  • CSS
  • sentry
  • 깃명령어
  • BFCache
  • 리액트상태관리
  • 프론트앤드
  • javascript
  • 리액트
  • npm
  • 깃
  • vue
  • 센트리모니터링
  • 크롬
  • 자바스크립트
  • 리액트훅
  • 리코일
  • TIL
  • gitRebase
  • Git
  • 모바일사파리
  • reacthook
  • 김민태
  • frontend
  • 프론트엔드
  • js
  • js테스트
  • react
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바