javascript6

• 

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

• 

  #javascript #datalist #select2 #Select2 플러그인(Jquery) #Chosen 플러그인(Jquery) 👊select box를 사용하다보면 너무 많은 데이터로 인해 검색기능이 있으면 좋을때가 있다. 이때 사용하기 좋은 html5 태그를 소개할려고 합니다.Choose a flavor: 🌱DataList(html5 기본 태그)👊datalist태그는 html5에서 기본으로 제공하는 태그로 option태그에 값을 추가하면 input 태그를 검색을 통한 데이터 조회가 가능합니다.  dataList area Data ListArea :  but!!! 이태그를 통해 사용 하다가 500건 이상 데이터를 적재했을때 이슈사항이 발생했습니다. 바로 500개 이상이 표출이 안되는 내역이 발생했습니다.( 개발자 도구를 통해 보면 노드가 숨겨져 있음 -> 노드 전체 보기를 하면 1000개 까지 모.. 💚04_HTML5 & Javascript & CSS 2024. 5. 23.

• 

  #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.

• 

  #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 #ES5 #ES6 #ES6란 #ECMAScript 🍭ES란? ECMAScript의 줄임말로 ECMA-262 기술 규격에 따라 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화 하기 위해 만들어졌다. 🎈일단 Ecma 인터내셔널(Ecma International)에 대해서 알아보자 Ecma 인터내셔널(영어: Ecma International)은 정보와 통신 시스템을 위한 국제적 표준화 기구이다. [1] 원래 이름은 European Computer Manufacturers Association (ECMA)이었으나, 기구의 국제적 확장을 반영하여 현재의 이름으로 바뀌었다. 따라서 지금의 Ecma는 두문자어가 아니며 대문자만 사용하지 않는다. Ecma 인터내셔널은 1961년 유럽에서 컴퓨터 시스템을 표준화하기 위해 세워졌다. 멤버십은 규모와 상관.. 💚04_HTML5 & Javascript & CSS 2022. 12. 13.

• #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.