안녕하세요 상훈입니다. jQuery - Handlebars.js 를 사용하는데, 다 제대로 한 것 같은데, 아래와 같은 에러를 내뱉습니다. 요놈의 핸들바는 불친절하게 에러를 좀 내뱉는 것 같습니다. Handlebars Pass a string or Handlebars AST to Handlebars compile ... undefined 오류도 포함합니다. 확인사항 1. 실제 값이 undefinded 인지. 2. 컴파일 하려는 id의 값과 html-script-handlebar 의 id 를 일치시켰는지 여부 3. 해당 script를 포함하고 싶은 태그가 렌더링 되고 난 이후에 작성이 되었는지 여부 저는 3번에 해당하는 것이었습니다. 이렇게 작성을 했었는데, 인식이 안되더라구요. 그래서 해당 의 속을 비워..

FrontEnd/jQuery 2022. 7. 11. 13:09

안녕하세요 상훈입니다. jQuery - Swiper 를 사용하는데, activeIndex가 뭐지? slideChange는 어떻게 사용하는것이지? 라는 의문이 들어 찾아보고 메모합니다. 일단 기본적으로 적용시킨것들은 이미 하셨다고 생각하고 넘어가도록 하겠습니다. 1. activeIndex var swiperExample = new Swiper(".swiper-container", { ... }); 이런 swiper가 있을 때, activeIndex는 간단하게 얻을 수 있습니다. const swiperIndex = swiperExample.activeIndex 이렇게하면 현재 활성화되어있는 swiper의 번호를 얻을 수 있습니다. 2.slideChange 슬라이드가 변할 때 특정 동작을 실행합니다. var ..

FrontEnd/jQuery 2022. 7. 10. 13:00

안녕하세요 상훈입니다. 제이쿼리의 $.extend를 처음 보게 된다면 당황하셨을 수도 있습니다. 하지만 간단한 내용이라는 것을 알아주시기 바랍니다. 객체 A, B가 있다면, $.extend(A, B) 는 A뒤에 B를 합치는 활동이라고 볼 수 있습니다. 여러개의 객체를 extend 내부에 넣을 수 있습니다. const A = {age: 12, weight: 52} const B = {name: '상훈', height: 200} const C = $.extend(A,B) // {age: 12, weight: 52, name: '상훈', height: 200} 만약 중복되는 key값을 가지고 있다면, "뒤"에서 덮어씌워집니다. const A = {age: 12, weight: 52} const B = {nam..

FrontEnd/jQuery 2022. 7. 9. 11:35

안녕하세요 상훈입니다. 제이쿼리를 이용하여 (1) radio 버튼이 체크되어있는지 여부, (2) 체크 되어있는 값을 가져오기의 예제를 작성해보도록하겠습니다. html 이렇게 4개의 이름이 같은 radio 버튼이 존재하고, 모두 값이 다를 때, 1. 버튼이 체크 되어있는지 여부 확인하기 const itemChecked = $('input[name=item]').is('checked'); item 이라는 name 속성을 가진 radio 태그 중 체크 되어있는 것의 노드를 가져옵니다. 2. 체크 되어있는 값을 가져오기 위를 좀 더 단축하여 사용하겠습니다. const itemValue = $('input[name=item]:checked').val(); 이렇게 item이라는 name 속성을 가진 녀석 중 체크 ..

FrontEnd/jQuery 2022. 5. 26. 09:00

안녕하세요 상훈입니다. 요즘 jquery를 무척 많이 접하게 되어 저도 하나씩 모르는 것들을 알아가고 있습니다. 예를 들어... show(), hide()..? ㅋㅋㅋㅋ 제이쿼리를 이용하여 특정 버튼을 활성화 / 비활성화 하는 방법에 대해 포스팅하겠습니다. click 위와 같이 id : myButton, onclick: change() 라는 메서드를 실행하고 비활성화 된 click 버튼이 있습니다. 그럴 때에 제이쿼리로 해당 버튼의 활성화 비활성화 상태를 변경하고 싶은데요, attr() 을 사용하는 방법, 그리고 prop()을 사용하는 방법이 있습니다. 1. attr() // 1. 온오프가 아니라 비활성만 제거하는 방법 function change() { $('#myButton').removeAttr('..

FrontEnd/jQuery 2022. 5. 25. 09:00