본문 바로가기
728x90
반응형

JavaScript122

[JavaScript] Handlebars.js 에서 each문 쓰는 방법 !! [JavaScript] Handlebars.js 에서 each문 쓰는 방법 !! 코드 {{#each people}} {{this}} {{/each}} people = ["홍길동","김철수","이영희"] 결과값 홍길동 김철수 이영희 2023. 1. 31.
[JavaScript] location.reload() 새로고침시 딜레이 및 시간 주는 방법 !! [JavaScript] location.reload() 새로고침시 딜레이 및 시간 주는 방법 !! 아래코드 사용하셔서 새로고침 타이밍을 잡으시면 됩니다 :) // 1초 후 새로고침 setTimeout(() => window.location.reload(), 1000); 2023. 1. 26.
[JavaScript] str, 문자열 마지막 문자 제거하는 방법 !! [JavaScript] str, 문자열 마지막 문자 제거하는 방법 !! slice() 함수와 replace()를 사용하여 마지막 문자(,) 콤마를 제거 하는 방법 입니다! // 마지막 문자열 제거 var str = 'Hello, World,'; str = str.slice(0, -1); // 마지막 문자에 ,가 있을 경우에만 제거 var str = 'Hello, World,'; str = str.replace(/,$/, ''); // 마지막에 ,와 공백이 있을 경우 같이 제거 var str = 'Hello, World, '; str = str.replace(/,\s*$/, ''); // 결과값 "Hello, World" 2023. 1. 25.
[JavaScript] array 배열에서 원하는 값 삭제하는 방법 !! [JavaScript] array 배열에서 원하는 값 삭제하는 방법 !! 설명 필요없이 코드 보시죠 ! let array = ['a', 'b', 'c']; // 첫번째 값 삭제 ['b', 'c'] array.shift(); // 마지막 값 삭제 ['a', 'b'] array.pop(); // 'b' 삭제 후 새로 배열생성 ['a', 'c'] let newArray = array.filter((element) => element !== 'b'); 2023. 1. 24.
[JavaScript & jQuery] img 태그에 src 동적으로 변경하는 방법 [JavaScript & jQuery] img 태그에 src 동적으로 변경하는 방법 $("#image").attr("src", url); 위 형식으로 사용하시면 됩니다! 예제) click 결과값 click 2023. 1. 22.
[JavaScript] 클릭 이벤트로 다른 버튼 실행시키기 !! [JavaScript] 클릭 이벤트로 다른 버튼 실행시키기 !! 설명보다 코드와 결과물 보시는게 훨씬 이해가 빠르실 꺼에요 ! 결과물 2023. 1. 21.
[HTML & CSS] div 태그에 onclick 기능 주는 방법 !! (클릭 이벤트) [HTML & CSS] div 태그에 onclick 기능 주는 방법 !! (클릭이벤트) 아래 코드 참조해서 사용하시면 됩니다 :) 결과값 2023. 1. 16.
[HTML & CSS] <a> 태그 안에 value값 설정하는 초 간단 방법 !! [HTML & CSS] 태그 안에 value값 설정하는 초 간단 방법 !! 태그 속성에는 value 속성이 없기 때문에 줄 수가 없었습니다. 하지만 html5에서 custom data를 활용하여 value를 줄 수 있는 방법이 생겼습니다 !! 태그에 data-value 속성을 주시고 js를 확인하시면 value값을 확인 하실 수 있습니다 :) HTML 클릭! JavaScript // javascript let data = document.getElementById("test").getAttribute('data-value'); console.log(data); // 결과값 'testData' 2023. 1. 13.
[JavaScript] replace() 함수를 replaceAll 처럼 쓰는 방법 !! [JavaScript] replace() 함수를 replaceAll 처럼 쓰는 방법 !! 예전에는 자바스크립트에 replaceAll 이 없어서 이렇게 썼지만 이제는 함수가 있어서 그냥 replaceAll을 쓰셔도 됩니다 ㅎ let date = "2023-01-12"; date.replace(/-/gi, ''); // 결과값 '20230112' let date2 = "2023-01-12"; date.replaceAll('-', ''); // 결과값 '20230112' 2023. 1. 12.
728x90
반응형