분류 전체보기 (95) Today I am 카드 짝 맞추기 게임 | ZeroCho 🃏 JavaScript | 카드 짝 맞추기 게임 1. 카드 뒤집기 구현 1-1) 뒤집기 효과를 낼 수 있는 css는 구글링해서 적용시켰다. CSSlick.com » 카드 뒤집기 효과(card flip effect) See the Pen eBIAr by michael kwon (@tailofmoon) on CodePen. /* entire container, keeps perspective */ .flip-container { perspective: 1000px; border:2px solid rgba(0,0,0,0) !important; } /* front pane, placed above back */ .front{ z-index:2; /* for firefox uxuiz.cafe24.com 1-2) .. push 취소하기 ⭐⭐ push 취소하기 - 간혹 Github 원격저장소에 잘못 push 된 경우가 있다. 이는 아래의 명령어로 해결할 수 있다. 최근 push한 commit만 삭제하려는 경우, git reset HEAD^ - commit을 취소하고 unstaged상태 강제로 push하기 git push origin master -f - -f 또는 -force 🚨 개인 repo에 사용할 때는 상관없지만, 협업시에는 주의해서 사용해야한다. 🚨 반응속도 테스트 게임 | ZeroCho 🕓 JavaScript | 반응속도 테스트 게임 1. 시간 체크 하기 1-1) new Date( ) let 시작시간 = new Date(); let 끝시간 = new Date(); console.log((끝시간-시작시간)/1000); - 보통은 new Date를 가장 많이 사용 1-2) console.time( ) console.time("시간"); console.timeEnd("시간"); - 정밀한 시간 측정시 1-3) preformance.now( ) let 시작시간 = performance.now(); let 끝시간 = performance.now(); console.log((끝시간-시작시간)/1000); - 정밀한 시간 측정시 2. 호출스택 (call stack) last in first out .. stage 상태에서 unstaged 상태로 되돌리기 ⭐⭐ add 취소하기 - git add로 파일이 Staging Area에 들어간 경우 아래 취소 명령어로 unstage상태로 변경할 수 있다. git reset HEAD [file] - HEAD뒤에 add 취소할 파일명 적기 git reset HEAD - 파일명을 적지 않으면 stage에 올라간 파일 모두 add를 취소 할 수 있다. ⭐⭐ 바로 이전 commit 취소하기 - push전 Staging Area에 들어간 commit 취소하기 git reset HEAD~1 - 바로 이전 commit이 취소되고, unstage상태로 돌아간다. 다시 add를 실행해야한다. git reset --soft HEAD~1 - 바로 이전 commit이 취소되고, stage상태이다. 지뢰찾기 | ZeroCho 💣 JavaScript | 지뢰찾기 미니 게임 만들기 1. 지뢰찾기 테이블 만들기 실행버튼 클릭시, input의 value를 받아서 사용자가 원하는 값만큼 테이블이 만들어진다. parseInt를 활용하여 받아온 value 문자를 숫자로 바꿔준다. - 2중 반복문을 만들어서 테이블을 만든다. document.querySelector("#exec").addEventListener("click",function () { const hor = parseInt(document.querySelector("#hor").value); const ver = parseInt(document.querySelector("#ver").value); const mine = parseInt(document.querySelector.. 스코프(scope), 스코프체인(scope chain), 클로저(closure) ⭐스코프 let x = 'global'; function ex(){ let x = 'local'; x = 'change'; } ex(); console.log(x); //x = global let x = 'global'; function ex(){ x = 'local'; x = 'change'; } ex(); console.log(x); //x = change ⭐ 스코프체인 - 스코프간의 상하관계, 전역범위를 찾아간다. ⭐ 렉시컬 스코프 - 코드가 적힌 순간 스코프가 정해진다. = 정적스코프 ⭐ 클로저 for(let i=0; i < 당첨숫자.length; i++){ setTimeout( function (){ console.log(당첨숫자[i]); },1000) } - 함수와 함수가 선언된 정적 환경, .. 가위바위보 | ZeroCho ✌✊✋ JavaScript | 가위바위보 미니 게임 만들기 이미지 스프라이트 기법을 사용하여 left position이 특정 초마다 가위, 바위, 보 손가락 그림을 바꿔주는 setInterval 함수를 만들었다. setInterval - 1초마다 계속 실행되는 것 setTimeOut - 1초 후 한번 실행되고 마는 것 1. ~초 마다 이미지 left position 바꾸기 let left = 0; setInterval(function () { if (left === 0) { left = "120px"; } else if (left === "120px") { left = "240px"; } else { left = 0; } document.querySelector("#computer").style.back.. Git repository 합치기 - subtree 자바스크립트로 다양한 미니게임을 만들면서 공부중인데, 기록은 하고싶고.. 매번 저장소를 만들자니 너무 남용되나 싶어서 미니게임을 한번에 보관하고자하는 저장소를 만들기로 하였다. 이전에 저장소를 만들어서 올려둔 타이머도 함께 보관하기 위해서 깃 저장소를 합치는 방법을 구글링해보았다. 👩🔧 시도 > 현재 만들어둔 저장소에 바로 진행하기에 실패확률이 있어서 test 파일을 2개 만들어서 진행해보기로 했다. 1. testfile 1 - text1 파일이 담겨있는 폴더 1개가 담겨있다. test1project-folder text 1 2. testfile 2 - text 파일이 2개가 담겨있다. text 2 text 3 📄 확인해야 할 결과물 testfile2 저장소에 담겨진 파일을 하나의 폴더로 합쳐서 tes.. 이전 1 ··· 8 9 10 11 12 다음
