반응형 JavaScript3 [javascript/php] 브라우저 뒤로가기 기능 제어하기 안녕하세요 김개입니다. 오늘은 javascript history API 기능들을 이용하여 이전페이지 url을 제어하는 방법에 대해 적어보고자 합니다. 우선 방법 소개에 앞서 크롬브라우저에서는 물리적 트리거가 없는한 스크립트가 동작되지 않으므로 이점 참고해주셔야합니다. 일단 제가 적용한 소스 코드를 통으로 올리겠습니다. 조건은 다음과 같습니다. 1. 기본도메인은 abc.co.kr/폴더1 에서 웹페이지를 보여주고있다. 2. 뒤로가기 클릭시 abc.co.kr/폴더1 -> abc.co.kr/폴더2 로변경한다. 제가 생각한방법으로는 뒤로가기 기능이 필요할때에는 사용하고 필요없는경우 끄기위해서 back_switch라는 변수를 만들어 boolean과 같은방식으로 진행하였어요. 저도 콘솔로그 및 php로 하나하나 찍어.. 2022. 12. 8. [javascript] 자바스크립트 이벤트 (feat. addEventListener) 퍼블리셔라면 알아야할 javascript 그중에서도 동적인 홈페이지를 제작하기 위해 가장 많이 사용하는 addEventListner에 대해 알아보도록할게요. *addEventListner 쓰기가 어렵고 불편하신분들은 제이쿼리를 이용하시는것도 방법입니다. 기본적으로 이벤트 리스너는 아래와 같이 사용합니다. addEventListner 에는 주로 사용하는 이벤트값이 click이 있지만 알고보면 이외에도 많은 이벤트 값들이 있답니다. 그래서 해당 이벤트 값들은 어떤것들이 있는지? 이벤트리스너는 어떻게 사용하는지 알려드리고자 합니다. UI이벤트 - 사용자가 브라우저에 들어왔을때 혹은 브라우저관련하여 어떠한 동작을 할때 발생하는 이벤트에요. 해당하는 이벤트값으로는 다음과 같아요. load -웹페이지의 로드가 완료.. 2022. 11. 22. [javascript] 변수들 var,let,const 의 차이? 안녕하세요. 김개입니다. 여러분들은 javascript를 시작하며 변수선언시 왜 var을 사용하는지? let을 사용하는지? const는 왜 사용하는건지? 궁금하셨을겁니다. 설명만 듣다보면 대체 뭔차이지? 라고 느끼시는분들이 많기에 간단하게 정리하여 보여드릴게요. 첫번째 var 해당변수를 지정할때 대부분 많이 사용하죠? ES6 이전에는 해당변수를 많이 사용할수 밖에 없었죠. 그래서 많이 익숙할겁니다. 그럼 각각의 차이점을 봅시다. 이처럼 var은 같은변수명을 사용하여 재지정을 하면 재지정된 값으로 출력하게 됩니다. 이렇게 되면 언제든 새로지정하여 사용할수 있지만 단점은 내가 같은변수명을 어디서 썼는지 모르게 되고 나중에는 코딩이 꼬이게 되겠죠? 자 다음은 let 입니다. let,const는 ES6이.. 2022. 11. 16. 이전 1 다음 반응형
