토이프로젝트 (4) 썸네일형 리스트형 계산기 상세구현 예외처리 및 계산기를 더욱 상세하게 js를 이용하여 구현을 했습니다. github: https://github.com/leekc3813/pair1/blob/main/README.md CSS] 배경 이미지 화면에 꽉 차게 지정하기 body { height: 100vh; background: url(/image/main_bg.jpg) no-repeat center; background-size: cover; } height 를 100vh 로 줘야한다. 100% 주면 안됨. backgrund-image, background-repeat 으로 따로 써도 되지만, 한줄이라도 줄이기 위해 background: 에 다 넣는다. no-repeat은 이미지를 반복해서 나오지 않게 함. center는 이미지를 가운데 배치. background-size: cover를 넣는다. 이전에 했던 계산기에 배경을 넣어봤다. 계산기 만들기(Git hub) 깃허브에 업로드를 해보았습니다. https://github.com/leekc3813/calculator2/tree/main 계산기 만들기. 첫 계산기 만들기 프로젝트를 진행 하였습니다. HTML + CSS 그리고 Javascript로 간단한 계산기를 구현하였습니다. 하나하나 감을 잡는다고 생각하고 익숙해질때까지 해보는게 중요할 것 같습니다. 코드 HTML DOCTYPE html> Document CSS: *{ margin: 0; padding: 0; box-sizing: border-box; } body { background-color : #1f1f1f; display: flex; justify-content: center; align-items: center; height: 100vh; } .calculator{ width: 287px; border: 1px solid #333; background-color: #ccc; padding:.. 이전 1 다음
