랜덤메서드 3

자바스크립트 : 마무리 문제를 풀어 봅시다 4-1탄

이번은 명언이 10초에 한번씩 랜덤으로 바뀌는 스크립트를 짰던것을 이번엔 unsplish api을 활용하여 랜덤으로 배경이미지 변경되는 스크립트를 추가하였습니다. 그에 맞게 css도 수정하였습니다. CSS * { margin: 0; padding: 0; /* background-color: #000; */ } body { background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } body::before { content: ''; position: absolute; left: 0;top: 0; width: 1..

자바스크립트 : 마무리 문제를 풀어 봅시다 5탄

이번 마무리 문제는 로또번호처럼 6개의 숫자를 중복없이 랜덤으로 받아오는 코드를 짜는 것입니다. CSS * { margin: 0; padding: 0; } input { border-style: none; } body { width: 100%; height: 100vh; } .numgen__wrap { position: relative; top: 250px; display: flex; justify-content: center; } .numgen { width: 800px; /* height: 500px; */ background-color: #fff; display: block; box-shadow: 0 0 20px rgba(95, 120, 161, 0.4); border-radius: 10px; } ..

자바스크립트 : 마무리 문제를 풀어 봅시다 4탄

이번 마무리 문제는 명언이 10초에 한번씩 랜덤으로 바뀌는 스크립트를 짜는 것입니다. CSS * { margin: 0; padding: 0; /* background-color: #000; */ } body { background-image: url(https://images.unsplash.com/photo-1496264057429-6a331647b69e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1171&q=80); background-size: cover; background-repeat: no-repeat; } body::before { content: ''; position: abs..