이번에는 비밀키를 설정해두고 비밀키를 입력할경우 유니콘이 뜨게하는 파트입니다. 그럼 시작해보겠습니다. 1. 먼저 비밀키를 설정합니다. const secretCode = 'wow'; 2. 키업 함수를 만듭니다. function handleKeyup(e) { pressed.push(e.key); pressed.splice(0, pressed.length - secretCode.length); // splice는 slice와 다르게 if (pressed.join('').includes(secretCode)) { cornify_add(); } } 3. 만든 함수를 이벤트로 등록합니다. window.addEventListener('keyup', handleKeyup); cornify_add 함수는 cornify...
이번에는 커스텀 비디오 플레이어 만들기입니다. 이번 파트 부분을 열었을때 javascript 파일이 별도로 분리가 되어있어서 당황했네요. 자 그럼 간단히 기본코드에 대해서 설명하겠습니다. ► « 10s 25s » 위의 html 코드를 보면 간단하게 비디오 플레이어의 모습을 html 태그와 css 코드로 작성이 되어있는것을 볼 수 있습니다. 하지만 실제로 동작하는 비디오 플레이어는 아닙니다. 이제부터는 각각의 기능을 구현을 하겠습니다. 그럼 scripts.js 파일을 열어 코드를 작성해보겠습니다. 1. 모든 element를 변수로 저장 const player = document.querySelector('.player'); const video = player.querySelector('.viewer');..
이번에는 쉬프트 키를 이용해 박스를 동시에 체크할 수 있는 기능을 구현하는 파트입니다. 프로세스 자체는 매우 간단합니다. 1) 체크박스를 하나 체크상태로 만든다. (이때 마지막으로 체크한 체크박스를 기록하고 있어야합니다) 2) 다른 체크박스를 쉬프트를 누른채 클릭한다. 3) 마지막에 체크한 체크박스로부터 지금 클릭한 체크박스까지 전부 체크상태로 변경한다. 그럼 코드작성을 시작해보겠습니다. 1. 먼저 아래와 같이 코드를 작성해보겠습니다. const checkboxes = document.querySelectorAll('.inbox input[type="checkbox"'); let lastChecked; // 마지막에 클릭한 checkbox를 기록하는 변수 function handleCheck(e) { c..
- Total
- Today
- Yesterday
- 파이썬
- 웹
- 플라스크
- 추상 클래스
- cmd
- git log
- 팩토리 메소드 패턴
- django
- 한글 깨짐
- Google Map
- Apache
- Git
- 구글 맵
- 한글깨짐
- 한글
- Python
- Windwos
- 팩토리 패턴
- 깨짐
- Windows
- 구글맵
- 심플 팩토리 패턴
- 안드로이드
- flask
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |