커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
공유하기 에러
1시간만에 크리스마스 디데이 캘린더 만들기 v0
1주차
북마크
박*은
댓글
5
추천
0
조회수
17
조회수
17
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


"Web Share API is not available on your browser." 라는 에러가 뜨며 공유가 되지 않아요



보고 계신 화면 전체를 캡처해 주시면, 튜터님들

스파르타 즉문즉답

이 빠르게 상황을 이해할 수 있어요.




<html lang="en">


<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://grayson-choi.github.io/advent_calendar/">
  <meta property="og:title" content="스파르타코딩클럽 크리스마스 디데이 캘린더">
  <meta property="og:image" content="image/OGimage.png">
  <meta property="og:description" content="크리스마스까지 하루가 기다려지는 즐거움, 크리스마스 디데이 캘린더를 함께 만들어봐요!">
  <meta property="og:site_name" content="SCC Advent Calendar">
  <meta property="og:locale" content="en_US">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">


  <title>Sparta Advend Calendar 2023</title>
  <link rel="stylesheet" href="index.css">
  <link rel="stylesheet" href="snow.css">
  <link rel="stylesheet" href="share.css">
</head>


<body>
  <div class="snow-wrap">
    <div></div>
  </div>
  <section class="grid-1">
      <div class="title flex-col item-baseline">
          <img src="image/merry.png">
      </div>
      <div class="day-1">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">1</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-2">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">2</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-3">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">3</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-4">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">4</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-5">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">5</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-6">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">6</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-7">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">7</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-8">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">8</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-9">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">9</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-10">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">10</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-11">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">11</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-12">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">12</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-13">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">13</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-14">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">14</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-15">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">15</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-16">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">16</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-17">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">17</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-18">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">18</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-19">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">19</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-20">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">20</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-21">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">21</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-22">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">22</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-23">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">23</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
      <div class="day-24">
          <label>
              <input type="checkbox">
              <div class="door">
                  <div class="front">
                      <span class="date-num">24</span>
                  </div>
                  <div class="back"></div>
              </div>


          </label>
      </div>
  </section>
  <footer>
    <div class="flex-row">
      <button id="shareButton">공유하기</button>
      <button id="studyButton"><a href="https://spartacodingclub.kr/">만들러 가기</a></button>
    </div>
    <p class="copyright">Copyright ⓒ TeamSparta All rights reserved. ☃️</p>
  </footer>
  <script src="index.js"></script>
  <script src="share.js"></script>
</body>


</html>



취소
 공유
취소
댓글 0
댓글 알림
나의얼굴