회사에 맡은 프로젝트에서 360 이미지 뷰어 제작을 하게 되어서 알아 보는 중

1. Marzipano

Marzipano - a 360° viewer for the modern web

Marzipano Tool

Home

위 라이브러리를 알게 되어서 공부하고 사용하게 되었다.

공부한 내용

Window.matchMedia()

• 주어진 미디어 쿼리 문자열의 분석 결과를 나타내는 MediaQueryList (en-US) 객체를 반환합니다.

Element.classList

• element에 접근해서 class 조작할 때 사용된다

• method

  add( String [, String [, ...]] )

  지정한 클래스 값을 추가한다. 만약 추가하려는 클래스가 엘리먼트의 class 속성에 이미 존재한다면 무시한다.

  remove( String [, String [, ...]] )

  지정한 클래스 값을 제거한다.

  노트: 존재하지 않는 클래스를 제거하는 것은 에러를 발생시키지 않습니다.

  item( Number )

  콜렉션의 인덱스를 이용하여 클래스 값을 반환한다.

  toggle( String [, force] )

  하나의 인수만 있을 때: 클래스 값을 토글링한다. 즉, 클래스가 존재한다면 제거하고 false를 반환하며, 존재하지 않으면 클래스를 추가하고 true를 반환한다.

  두번째 인수가 있을 때: 두번째 인수가 true로 평가되면 지정한 클래스 값을 추가하고 false로 평가되면 제거한다.

  contains( String )

  지정한 클래스 값이 엘리먼트의 class 속성에 존재하는지 확인한다.

  replace( oldClass, newClass )

  존재하는 클래스를 새로운 클래스로 교체한다.

javascript:void(0)

javascript:void(0)과 #중에 어떤것을 사용할까

• a 태그에 href 속성에 적용한다.
• javascript: 를 사용할 경우 해당 구문이 스크립트로 평가되어 실행되어 도큐멘트의 내용으로 표시됩니다.

<a href="javascript:void(0);"></a>

• 위 a 태그를 클릭할 경우 해당 태그가 스크립트로 평가되어 실행된다 이때 void(0) 를 사용하면 스크립트 평가 결과로 undefined가 반환되어 무시되므로 현재 페이지가 유지된다.