목록공부 메모/javaScript (21)

열정과 게으름 사이

html에 인클루드 하기

헤더 수정 할때 마다 반복되는 복붙..... 실무에서도 이러지는 않을 텐데. 그누보드만 봐도 아닌데 했지만. 미처 방식을 알지 못했었으나. 교수님이 수업시간에 쓱 지나가듯 하신 말. '실무에서는 인클루드해서 쓰지 이렇게 안써요.' 아! 인클루드. 그날 와서 검색해 보고 찾은 방법은 바닐라자바스크립트, 제이쿼리, php, php도 복붙하면 되기는 하겠지만, 일단은 제이쿼리로 한 페이지라 제이쿼리로 인클루드를 해봤다. 1. 단계 전이나 전에 제이쿼리 함수를 불러온다. 이 글을 참고 했다. http://daplus.net/javascript-html-%ED%8C%8C%EC%9D%BC%EC%97%90-%EB%8B%A4%EB%A5%B8-html-%ED%8C%8C%EC%9D%BC-%ED%8F%AC%ED%95%A8/
공부 메모/javaScript 2021. 10. 25. 17:13
시간 줄어드는 타이머 만들기

시간 제한이 있는 게임을 할 때 사용할 수 있는 타이머를 만들어 보았다. setInterval()함수를 사용해서 하면 되고, 줄어드는 시간을 보여주기 위한 html을 만들었다. HTML 남은 시간: 나중에 접근성 이슈가 있을 경우를 대비해 input태그를 사용했다. JS 3분을 제한 시간으로 두었을 경우의 예이다. setInterval(1000) = 1초 이다, 여기에 *3분(180초) => 180,000 변수로 총 시간 = 180000; 줄어드는 시간을 보여주기 위해 min=3; sec=60; 을 선언해주고, 3:00 부터 줄어들어야 하니, 페이지 로딩시 바로 출력되도록 value값에 넣어준다. 1초에 한번씩 반복되는 setInterval(function({ time=-1000; },1000) 로 1초..
공부 메모/javaScript 2021. 10. 21. 19:03
다른페이지로 연결하기

사이트가 분산이 되어버리는 일이 발생했다. 이걸 어찌 취합을 해야하나 고민하다가. 웹사이트 접속할때 다른 페이지로 바로 연결되서 열리게 하는 방법을 떠올리고 검색. 정확하게 하기위해서는 아직 나를 믿기보다는..... 기존 사이트에서 다른 사이트로 연결하는 방법을 포워딩이라고 한단다. 검색을 늪에서 허우적 거리지 않도록 나를 위해 기록. 1. 메타태그 이용 2. 자바스크립트 이용 3. php이용 흠... php는 보고 있지만 해석이 안된다. ㅎㅎㅎ
공부 메모/javaScript 2021. 10. 13. 17:50
자바스크립트 버튼 이벤트

아... 뭐지... 인덱스 이렇게 찾아진다고?? 나 전에 왜 그리 복잡하게 찾았지?? ㅎㅎ;;; 슬라이딩 배너에서 각 슬라이드 버튼 클릭시 이벤트 부분. -css- .visual-slide-item{ display: none; opacity:0; } .visual-slide-item:nth-of-type(1){ display:block; opacity:1; } let item = document.querySelectorAll('.section2-container li'); let dotBtn = document.querySelectorAll('.section2-button-box span'); let index =0; //오버레이 let slideinbBtnEvent = function slidingEv..
공부 메모/javaScript 2021. 7. 8. 02:52
Prev 1 2 3 4 5 6 Next