# 210914 TIL

장기현장실습

띵동 이슈 #73 (진행중)

품절된 옵션 해제시, 버튼을 클릭할 때마다 다른 모달이 뜨는 현상에 대한 이슈: 해당 코드 파악

• tms에서 상점관리에 '민트' 검색하고 들어가서 하나의 상점 선택 > 상품 관리에서 하나의 상품 옵션상세 보기 클릭 > 품절설정후에 품절 취소시 2개의 모달이 번갈아 뜨는 현상 발생 > 2개 중 예/아니오 있는 모달만 뜨도록 수정해야함 
• 해당 모달을 계속 확인해보니, 품절설정에서 품절해제, 품절해제취소, 설정취소 모두 2가지 모달이 뜨는 이슈 발견 > 버튼에서 빈 공간을 클릭하면 원래 나와야할 모달이 잘 나타나는데, 버튼의 텍스트를 클릭하면 품절설정을 클릭했을 때 나오는 모달이 나타나는 것을 확인함 
• 관련 코드인 optionmanagement.js, optionmanagementmodal.js, adminitemtabpane.js를 확인해봤으나, 하나의 버튼에 여러개의 모달이 연결된 것은 아닌 것으로 확인됨 
• 의심가는 부분이 있다면, 버튼의 텍스트를 클릭할 때만 문제가 발생하는 것이기 때문에 삼항 연산자로 작성된 부분에서 품절설정이 디폴트 값으로 되어있어서 그런걸까..? 라는 생각이 들었음

<Button 
  className="sold-out" 
  style={ checkBeforeCancelOk ? { color: '#FF8900', borderColor: '#FF8900' } : isSoldOut ? { color: '#FF69B4', borderColor: '#FF69B4' } : checkBeforeOk ? { color: '#FF8900', borderColor: '#FF8900' } : null } 
  onClick={ this.onClickSoldout } 
  data-soldout={ isSoldOut } 
  data-beforesoldout={ checkBeforeOk } 
  data-beforecancel={ checkBeforeCancelOk } 
  data-soldoutdate={ soldOutDate }> 
  {checkBeforeCancelOk ? '품절해제취소' : remainSoldOutTime > 0 ? '품절해제' : checkBeforeOk ? '설정취소' : '품절설정'} 
</Button>

 

웹 구조 학습하기

모든 개발자를 위한 HTTP 웹 기본 지식 강의 (19/41)

[인프런] 모든 개발자를 위한 HTTP 웹 기본 지식 (HTTP 메서드)

 

[인프런] 모든 개발자를 위한 HTTP 웹 기본 지식 (HTTP 메서드 속성)