DEVLOG

상세부터 메인까지 전부 별도의 페이지로 세팅되어있었는데 상세에서 메인페이지로 넘어온 경우에만 이벤트를 발생해줘야하는 경우가 생겼다 그런데 그걸 어떻게 체크해........?? 또는 유입을 체크해보고 싶은데 어디서 넘어왔는지 어떻게 확인할까?! document.referrer :링크를 통해 현재 페이지로 이동 시킨, 전 페이지의 URI 정보를 반환. 페이지로 바로 접근하였을 경우 이 값은 빈 문자열을 반환함.(링크를 통해서 온것이 아닌, 예를 들면, 북마크를 통해서 이동했을 경우). 문자열만을 반환하기 때문에, 참조 페이지(referring page)에 대한 DOM 액세스가 제공되지 않음. string = document.referrer; console.log(document.referrer) 페이지가 로..

IE에서는 document.querySelectorAll()과 같은 노드 배열에 관해서는 forEach메소드를 지원을 하지 않는다. 이럴 경우 해결법이 두가지가 있다. 1. 상단에 노드리스트에 관한 조건을 추가해준후 평소와 같이 사용한다. if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } 2. 배열 오브젝트에서 forEach메소드를 빌려 사용해야 한다 Array.prototype.forEach.call(요소리스트, 함수); var nodes = document.querySelectorAll(".node"); Array.prototype.forEach.call(..

제목처럼 Ajax통신과 동시에 링크 이동이 이루어지는 경우를 세팅할 때 주의해야할 점이 있다!! 간단하게 생각해보면 그냥 Ajax통신하는 동시에 링크이동을 해주면 되겠지!하겠지만 다른 동작들과 달리 링크이동이 포함되어 있기 때문에 조금 더 까다롭게 생각할 필요가 있다. 문제점 urlBtn.addEventListener('click', urlMove); function urlMove(){ CountCheck('버튼클릭');//Ajax통신 window.open('!!urlurl!!', '_blank');// 링크이동 } 처음에는 위에서 했던 것 처럼 Ajax통신 후에 링크이동을 해라! 하는 식으로 써줬지만... 지금 생각하면 차례대로 시작을 하더라도 Ajax연결이 다끝날때까지 기다려주지 않으니까ㅠ,ㅠ... ..

URL뒤 물음표 뒤에 들어오는 파라미터들을 활용해서 페이지별로 다른 세팅을 할 수 있다. 기본적으로 자바스크립트의 내장 함수인 location.search 를 이용하여 URL에 물음표 뒤에 있는 파라미터들을 가져올수 있다. 엥... 티스토리에서 개발자도구는 처음 들어와본것같은데 콘솔을 되게 예쁘게 찍어놨넹 ㅎㅎ 암튼 위 사진처럼 location.search를 검색하면 url뒤에 붙은 파라미터들을 출력해준다! 이제 여기서 원하는 정보만을 뽑아와서 사용해주어야 하는데 이 부분에 대해서는 따로 내장되어 있는 함수는 없고 선언을 해주어야 한다. (이미 많은 사람들이 사용하고 있기 때문에 그냥 스윽 긁어와서 사용하면된다) 직접 선언을 해야하는 함수이기때문에 굉장히 다양한 방법으로 함수가 만들어져있는데 나는 정규식..