📕 [TIL]:1日目2022.04.18.(月)

<style>
          .mytitle {
              background-color: green;
              width: 100%;
              height: 250px;

              background-image: url(https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg);
              background-position: center;
              background-size: cover;

              color: white;

              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
          }
      </style>

.mytitle > button {
                width: 200px;
                height: 50px;

                background-color: transparent;
                color: white;
                border-radius: 50px;
                border: 1px solid white;
            }

.mytitle > button:hover {
              border: 2px solid white;
          }

background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg);
              background-position: center;
              background-size: cover;

.wrap {
              width: 1200px;
              margin: 20px auto 0px auto; 
          }

.mypost {
              margin: 20px auto 0px auto;
              background-color: green;
              width: 500px;
              box-shadow: 0px 0px 3px 0px gray;
              padding: 20px;
              
          }

<div class="d-grid gap-2 d-md-block">
              <button class="btn btn-primary" type="button">기록하기</button>
              <button class="btn btn-primary" type="button">닫기</button>
          </div>

.wrap
max-width: 1200px;
              width: 95%;

.mypost
max-width: 500px;
              width: 95%;

let even = 4;
console.log(even % 2); // 2로 나눈 나머지가 0입니다.
let odd = 5;
console.log(odd % 2); // 2로 나눈 나머지가 1입니다.

<script>
      let count = 1;
      function hey() {
          if (count % 2 == 0) {
              alert('짝짝👏');
          } else {
              alert('홀홀🎅');
          }
						count += 1;
      }
  </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

自己質問とフィードバック

📗 今日の後期

🌱 完了前