1. 헤더 작성하기 시작
  2. bootstrap dropdown 컴포넌트 사용
  3. copytoclipboard 라이브러리 사용 (react-copy-to-clipboard)
  4. important 속성

button과 드롭다운에 포커스, 액티브, 호버링에 파란색 효과가 들어있어서 이를 제거하는 작업을 진행했다.

button:focus {
    background-color: transparent;
    border: none;
    outline: none !important; 
    box-shadow: none !important; // 파란색 배경이 계속 보여서 border인줄알았지만 shadow가 그렇게 보인것이였음
  }
  .open > .dropdown-toggle {
    background-color: transparent !important;
    outline: 0 !important;
    border: none !important;
  }
  .dropdown-toggle::after {
    display: none;
  }