블로그에서 HTML5 사용할때

back up

zimamdero 2013. 7. 31. 11:35

포스팅한 글이 2개이상 같은 화면에 나올때.

블러그 자체도 html 로 구성되어 있다.

그래서 html을 사용한 글이 두개 이상 보이면, 그 안의 코드들이 하나의 페이지로 합쳐 진다고 보면 될것 같다.

여기서 변수명이나 공통으로 사용되는 것들이 중복이 되어서 예상하지 못했던 문제들이 발생할 수 있다.(특히 window)

이 블로그를 예로 들면 실험실/WebGL의 WebGL context attribute 설정과 WebGL 사용가능 확인이 동시에 보일때 WebGL context attribute 설정이 제대로 실행되지 않는다.

각각의 페이지를 하나씩 볼때는 문제가 발생하지 않는다.

-------- 해결 방안 -------

window.onLoad() 가 중복되어서 마지막에 적용되는게 실행되면서 발생하는 문제이다.

간단하게 저걸 쓰지 않으면 된다.

<body> 에 <script>로 바로 붙여서 실행할 메서드를 바로 실행하면된다. 또는 버튼 같은 걸 만들어서 버튼 클릭 시 실행되도록 하면 된다.

그리고 canvas 의 id는 중복되지 않도록 한다. (한 페이지에서 동시에 나타나는 canvas의 id 중복만 피하면 된다.)

이 블로그에서 위와 같은 방법으로 포스팅하고 있다.