2017-04-28-P

javascript 로 게임 만들기

스크립트는 head에 적어주도록 합니다. 왠만하면 body에 적는게 좋지만 효율이 떨어진다.

11번 줄은 윈도우가 다 뜨고나면 이거 실행해주세요 라는뜻이다.

그런다음 document는 먼저 내용을 읽어주세요 라는 것이다.

그리고 function은 익명함수이다.

그리고 20번줄은 인라인 방식이다.

또한 let 방식과 var 방식이 있는데 둘의 차이는 생명주기가 var는 계속 살아있고 함수주기이고

let 은 {}문안에서만 살아잇다. let과 var는 블록범위 변수이다.

console.log 는 System.out.println 와 같은거라고 생각하면된다.

그리고 javascript 는 기본타입의 타입은 number 와 String 그리고 boolean 이 있다.

25~30까지는 참조타입에 대해서 설명하고있다.

그리고30번 줄을 호출할때는

31번과 32번의 문을 참고하면된다.

설명을 하자면 7번줄은 bootstrap 과 연결해서 그 안에 있는 css파일을 쓰겠다는 뜻이다.

그리고 11번 줄부터 시작해서 13번 넘버까지 배열을 만들어 준다 .

그다음 77번째 줄에서 페이지로딩이 끝나면 이문 실행해 주세요 라는 뜻이다.

그다음 아래 101 부분에 id = "play"를 적고 그 적은걸 토대로 78번문과 79번문에서

버튼을 누르면 addEventListner 과 같이 이벤트를 만들어주세요 라는것이다

버튼을 누르면 이제 그 안에 있는 for 문이 실행 되는것이다.

랜덤 카드를 만들었을때와 마찬가지로 카드를 섞는게 80~86 번까지이고

그 아래 for 문의 89번은 저런식으로도 파일이름을 적고 그 값을 filename에 넣고

90번에서 img 파일을 불러오고 그 불러온 주소값을 path 에 담은후에

91번에서 str을 출력할때 path 의 내용을 추가해서 출력해주세요 라는 뜻이다.

*87번줄에서 str 변수를 선언하고 그안에는 값을 적어주지 않는다.

그리고 그아래 93번줄과 94번줄은 102번줄의 id = result 값과같이 play 버튼을 누르면

93~94를 실행하게끔 만든것이다. 102줄은 그 위치를 말하는것이다.

실행한 화면을 보게되면

이렇게 출력되게 된다.