developer

https://clack.tistory.com/682 자바스크립트에서 `억음 부호( backtick, Backquote, grave accent ) 사용하는 이유 자바스크립트에서 키보드에서 숫자1 왼쪽에 있는 키를 Shift와 같이 누르면 ~ 물결 모양이 입력되는데 Shift키 없이 그냥 누르면 ` 요런게 입력되는걸 볼 수 있다. 영어로는 backtick 이라고 부르는듯 clack.tistory.com

자바스크립트/jquery 2022. 10. 12. 10:09

https://stackoverflow.com/questions/48239/getting-the-id-of-the-element-that-fired-an-event

자바스크립트/jquery 2022. 9. 20. 10:37

HEAR onclick을 적용한 div를 누르면 , 누른 div의 클래스명을 콘솔창에 출력한다

자바스크립트 2021. 4. 9. 15:33

Toggle the class 'highlight' when a paragraph is clicked. Click to toggle highlight on these paragraphs

자바스크립트/jquery 2021. 4. 9. 14:28

Jquery와 Ajax를 사용하는 사람들이라면 거의 기본처럼 사용하는게 바로 form.submit() 입니다. form을 serialize해서 넘기는 경우도 많은데요. 그때 그 안의 input중에 disabled처리 되어있는 컨트롤러가 있는 경우에는 name 속성을 아무리 잘 줘도 넘어가지 않는 경우가 종종 있습니다,,,,ㅠㅠ 이게 브라우저의 차이인지는 아직 잘 모르겠는데 저같은경우는 익스에서는 넘어갈때도있구 아닐때도 있구 크롬에서는 거의 안넘어가더라구요. 그럴때의 해결방안을 찾아왔습니다. 폼 시리얼라이즈 하기 전에 disabled 처리된것을 모두 false 처리 한 후 form submit 하고 다시 disable 처리 하는 것 입니당. 아래로 예제 달아두겠습니다. // 현재 폼 가져온 후 var my..

자바스크립트/jquery 2021. 3. 24. 10:26

HTML로 이루어진 front-end 개발을 진행하다보면 텍스트박스, 체크박스등과 같은 input 타입의 요소들에 활성화, 비활성화 처리를 해야 할 경우가 있다. 이때 활성화, 비활성화를 위해 많이 사용하는것이 readonly 와 disabled 이다. readonly의 경우 value 값을 수정할 수 없게끔 만들어 버리고 disabled의 경우 해당 요소들을 완전 비활성화 해버린다. 간단하게 다시 정리하자면 다음과 같다 readonly : input type="text" 에만 가능. 사용자는 value 값을 변경할 수 없음. disabled : 모든 input 객체에 대하여 비활성화 처리 가능. Form 전송시 해당 객체는 전송이 안됨. disabled 이용시 크게 유의해야 할 점이 있는데, 위에 적었..

자바스크립트/jquery 2021. 3. 24. 10:20

웹브라우저에서 새창을 열기 위해서 가장 간단히 사용할 수 있는 방법이 자바스크립트 window 객체의 open() 함수를 사용하는 것입니다. 1. 문법(Syntax) var ret = window.open(url, name, specs, replace); 1.1. 반환값(ret) 새로 만들어진 창 객체가 반환됩니다. 창의 생성에 실패하면 null을 반환합니다. 이 객체를 통해서 새창을 제어할 수 있습니다. 예로 ret.close(); 로 창을 닫을 수 있습니다. 1.2. url 새창에 보여질 주소 입니다. 선택적인 값으로 비워두면 빈창(about:blank)이 보입니다. 1.3. name 새로 열릴 참의 속성 또는 창의 이름을 지정합니다. 선택적인 값으로 기본값은 "_blank" 입니다. 사용 가능한 값..

자바스크립트 2021. 3. 23. 15:28

jQuery.merge( first, second )Returns: Array Description: 두 배열의 내용을 첫 번째 배열로 병합합니다. jQuery.merge( first, version added: 1.0 ) first Type: ArrayLikeObject The first array-like object to merge, the elements of second added. second Type: ArrayLikeObject The second array-like object to merge into the first, unaltered. $ .merge () 연산은 두 배열의 모든 요소를 포함하는 배열을 형성합니다. 배열의 항목 순서는 유지되며 두 번째 배열의 항목이 추가됩니다. $ ..

자바스크립트/jquery 2021. 2. 9. 20:12