Javascript, CSS, HTML을 이용한 색깔 게임 만들기
RGB값을 주고 해당 RGB값에 해당되는 색깔을 고르는 게임을 만들어 보았다. 로직이나 구조는 간단해서 깊게 설명해야 될것은 없는거 같다. HTML 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 ColorGame //찾아야하는 색깔의 RGB값을 보여주는 h1이다 The RGB Color Game //메뉴 div //리셋 버튼이다 New Colors //틀렸을씨 try again 맞았을씨 Correct!을 반환하는 span이다 //난이도를 정할수 있는 버튼들이다. Easy Hard //색깔 div들 Colored ..
모듈은 파일이나 코드의 묶음 단위로 애플리케이션 하나의 구성요소로 볼수 있다. 이렇게 모듈로 정의하면 모듈 단위로 코드를 재사용할수 있고, 하나의 애플리케이션의 작은 기능 단위로 잘게 분리하여서 관리 할 수도 있다. 참고로 모듈 예제 같은경우 브라우저에서 실행해서 브라우져 콘솔에서 결과 값들을 확인할수있다. 1 2 3 4 5 6 7 8 9 var namespaceA = (function() { var privateVariable = '비공개변수'; return { publicApi : function () { console.log(privateVariable + '접근할수 있음'); } } }) (); namespaceA.publicApi(); cs 해당 예제는 네임 스페이스에 관한것이다. 네임스페이스는..
javascript 함수는 매개변수를 가진다. 매개변수가 함수 선언 시 작성되는 변수라면, 전달 인자는 함수가 호출될때 전달되는 값이다. 자바스크립트는 전달 인자의 개수와 매개변수의 개수가 달라도 에러를 발생시키지 않는다. 그래서 매개변수와 무관하게 함수 호출 시 더 많은 인자를 전달할 수 있다. 매개변수외에 함수에서만 사용 가능한 특별한 객체를 제공하는데 그것이 바로 Argument 객체이다. 1 2 3 4 5 6 7 8 9 10 11 function sum() { var total = 0; for (var i=0; i