(SEB_FE) Section1 Unit4 과제 <계산기 목업 만들기2>

어제 만들었던 계산기 과제를 보고 좀 심심한 거 같아서 오전동안 수정했다!

▼▼▼결과물(ฅ˘⩊˘ฅ)▼▼▼

컨셉은 8bit로 정했다ㅎㅎ 귀엽다... 확실히 배경 넣으니까 훨씬 덜 심심한 거 같다. 난 왜이렇게 각진게 좋을까?... 부드러운건 디자인적으로 별로 안끌린다...

  background-image: url("./img/8bit_sky.png");
  background-repeat: no-repeat;
  background-size: cover;

배경은 body에 background-img 속성으로 배경 이미지를 넣고, background-size 속성을 cover로 설정해서 꽉차게(이미지 크기가 안맞으면 늘리지 않고 오버 사이즈 된 부분을 잘라버림! 대신 여백이나 이미지 왜곡이 없다.)해 줬다.

background-repeat은 원본사이즈로 바둑판식으로 반복할 건지 정하는 건데, 반복하지 않고 한장만 가득 차게 하고 싶어서 no-repeat으로 설정해 줬다.

이제 다음주에 동적 기능을 부여해서 진짜로 하늘을 나는 계산기로 거듭나보자! ⸜(*ˊᗜˋ*)⸝