💚04_HTML5 & Javascript & CSS/01_Javascript7

• 

  #javascript #script태그 #페이지로딩속도 #async/defer 어트리뷰트 #sciprt태그위치는? 태그는 지금까지 head태그안에 들어가야지 하고 알고 지낸 부분이 많이 있습니다. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 7. 16.

• 

  #removeEventListener #스크롤이벤트체크 #이벤트체크메소드 #약관동의 #스크롤 서비스를 개발하다보면 약관동의 같은 페이지를 개발할때가 있다. 약관은 내용이 많기 때문에 스크롤이 생기게 되는데 이럴때 removeEventListener 이벤트를 통해서 스크롤을 체크해볼수 있다. 🌱 scrollTop : 스크롤바 내린 높이🌱 scrollHeight : div 태그 실제 높이🌱 clientHeight : 눈으로 확인되는 div 박스 높이 🌱 실제 높이 : 스크롤 내린높이(scrollTop) + 눈으로 확인되는 div 박스 높이(clientHeight)🌱 $div.scrollHeight = $div.scrollTop + $div.clientHeight 통상적으로 -5를 지정해서 스크롤 끝에서 5px정도 왔을때 체크를 하는것이 오차를 감안할수 있다.🌱스크롤 감지 이벤트 $(".. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 5. 23.

• 

  #var #let #const #변수 #차이점 #ES6 #스코프 #호이스팅 ⚡var var로 선언한 변수는 동일한 이름으로 여러번 중복 선언이 가능하며 마지막에 할당된 값이 변수에 저장된다. 변수를 유연하게 사용할 수 있다는 장점이 될수 있지만 기존 선언된 내역을 망각하여 재 선언을 하여 값이 다르게 출력될수 있는 케이스가 발생할수 있다. var lanType = 'javascript'; console.log(lanType);// javascript var lanType = 'java'; console.log(lanType);// java ------------------------------------------------------------------------------------ var str = "mrbang"; function newFunction() { var t.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 2. 22.

• 

  #javascript #함수 #filter #find #구분 📚.filter filter함수는 각 배열의 원소에 대한 전달받은 함수 결과가 true인 원소로 배열을 만든다. const words = ['a', 'b', 'c', 'd', 'e', 'f']; const result = words.filter( word => word.indexOf('a') > -1); console.log(result); 📚.find find함수는 배열 원소에 대해 주어진 함수연산중 true반환하면 find함수도 같이 종료 된다. 만족하는 원소가 없다면 undefined가 발생한다. const testNumArr = [1,2,3,4,5]; const findArr = testNumArr.find( Element => Element > 3); console.log(findArr); 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 11. 16.

• 

  #window. #window.location #reload #페이지이동 우리가 사용하는 window객체에 대해서 알아보자 📚window는 모든 객체의 전역 객체로 생략이 가능하다. 🧨Reload(새로고침) window.location.reload(); location.reload(); location.href = location.href; history.go(0); 🧨Assign & href(페이지 이동) ⭐ 이전방문기록이 남아 뒤로가기 가능 window.location.assign ("/경로"); location.assign("/경로"); window.location.href = "/경로"; location.href = "/경로"; 🧨Replace(페이지 변경) ⭐ 이전방문기록이 남지 않아 뒤로가기 불가능 window.location.replace ("/경로"); loca.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 11. 7.

• 

  #JavaScript #날짜계산 #getFullYear() #getMonth() #getDate() #getDay() JavaScript에서 날짜를 계산하는 방법을 알려드리도록 하겠습니다. 🧨getFullYear() console.log("[년도출력함수]" + date.getFullYear()); 🧨getMonth() * 참고 : 1월은 0부터 시작 그래서 +1을 해야 현재 월이 됨 console.log("[월 출력 함수]" + date.getMonth()); 🧨getDate() console.log("[날짜 출력 함수]" + date.getDate()); 🧨getDay() * 참고 : 월요일 = 1, 화요일 = 2, 수요일 =3, 목요일 = 4, 금요일 = 5, 토요일 6, 일요일 7 console.log("[요일 출력 함수]" + date.getDay()); let date = new Date(); console.l.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 10. 4.

• #javascript #현재URL #호출 🎈javascript URL 정보 가져오기 🧨window.location.href - 전체 URL 전달 🧨window.location.hostname - 도메인 내임만 전달 🧨window.location.pathname - 현재 페이지 경로 전달 🧨window.location.protocol - 사용하는 프로토콜 반환 🧨window.location.assign - 새 document 로드 💚04_HTML5 & Javascript & CSS/01_Javascript 2022. 12. 12.