들숨에 건강! 날숨에 재력!

[javascript] 뒤로가기(이전 페이지), 앞으로가기(다음 페이지) 구현 - window.history.back(), forward(), go() 아래와 같은 브라우저의 뒤로가기, 앞으로가기 기능을 자바스크립트를 사용해서 구현할 수 있습니다. window 내장객체 안에 있는 history object를 사용합니다. 뒤로가기(이전 페이지) window.history.back( codingbroker.tistory.com back forward 블로그 글을 보다보니 forward를 쓰는 사람도있고 go를 쓰는사람도있어서 찾아보니 history.go는 앞뒤 둘다 갈 수 있는 메서드였다. History.go() - Web API | MDN History.go() 메서드는 history 세션에서 특정한 페이..

모바일 웹에서 hover 효과 제거하기 모바일(터치 디바이스)에서는 마우스 커서가 없기 때문에 hover 효과를 줄 수 없다.PC에서처럼 css에 hover 효과를 넣게 되면 해당 요소를 두번 터치해야 원하는 동작을 얻을 수 있다. (한번 터치하면 velog.io @media (hover: hover) { ... }​ 와.. 미디어쿼리에 사이즈말고 다른걸 넣을 수 있다는 걸 처음 알았네.. 라는 생각을 하는 순간 다른게 더 있지않을까 싶어서 미디어쿼리를 검색해봤다. 미디어 쿼리 사용하기 - CSS: Cascading Style Sheets | MDN 미디어 쿼리는 단말기의 유형(출력물 vs. 화면)과, 어떤 특성이나 수치(화면 해상도, 뷰포트 너비 등)에 따라 웹 사이트나 앱의 스타일을 수정할 때 유용합..

이전 까지는 모두 미디어 쿼리로 구분했었는데 코딩하다보면 데스크탑일때와 모바일/태블릿일 때 터치나 hover인 경우에 다르게 적용해줘야 하는 부분들이 생긴다! 그래서 검색하다 이 방법을 알게되었다!! 너무 고맙게도 설명을 잘해주셔서 보고 잘썼다..! Javascript - 디바이스 구분하기 [Mobile, PC] 이번에는 Javascript를 통해 디바이스를 확인하는 방법을 알아보겠습니다. 일반적으로 디바이스를 구분하기 위해서는 브라우저가 가지고 있는 navigator.userAgent를 사용합니다. 여기서 에이전트 7942yongdae.tistory.com