# 210915 TIL

장기현장실습

띵동 이슈 #73 (진행중)

• 텍스트를 없애고 작동시켜 보니, 아예 버튼이 나타나지 않는 것을 확인할 수 있었음 (기존 html button태그에 아무 텍스트 없이 작성해도 버튼 형태, 버튼 동작은 문제 없음) 
• 아무래도 라이브러리에서 가져온 버튼의 문제로 파악되어, 코드를 다음과 같이 수정했더니 이슈가 해결됨

<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>

• 기능적으로는 해결됐으나, 라이브러리 버튼이 가지고 있던 디자인 요소가 사라지면서 UI적인 이슈가 추가로 발생됨 -> 개발자님과 상의 후 결정할 예정

 

웹 구조 학습하기

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

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

 

[인프런] 모든 개발자를 위한 HTTP 웹 기본 지식 (HTTP API 설계 예시)