반응형 ※ 소소한 IT/JAVASCRIPT7 커서위치에 글자 삽입 스크립트 function insertAtCursor(areaId,text){ var txtarea = document.getElementById(areaId); var scrollPos = txtarea.scrollTop; var strPos = 0; var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false ) ); if (br == "ie") { txtarea.focus(); var range = document.selection.createRange(); range.moveStart ('character', -txtarea.value.length); strPos = r.. 2016. 4. 6. [jQuery] jQuery에서 .attr()과 .prop()의 차이: checkbox와 radio 체크 문제 해결하기 .attr() 메서드란?.attr() 메서드는 HTML 요소의 **속성(attribute)**을 설정하거나 가져올 때 사용합니다. 예를 들어, src, href, id와 같은 HTML 속성을 조작할 수 있습니다. 하지만 jQuery 1.6 이후부터 체크박스와 라디오 버튼의 상태는 .attr()으로 조작하기에는 한계가 있습니다.$(".checkbox").attr("checked", true); // 화면에는 변동 없음위 코드에서 .attr("checked", true)는 속성만 변경할 뿐, 실제 요소의 상태에는 반영되지 않습니다. 따라서 UI에 변화가 없으며, 단순히 코드에서만 "checked" 속성이 설정된 것처럼 나타납니다..prop() 메서드란?.prop() 메서드는 **DOM 속성(property).. 2016. 2. 24. front-end 개발자 인터뷰 문제 - HTML 영역 front-end 개발자 인터뷰 문제 - HTML 영역몇일전 front-end 개발자 인터뷰 질문 이라는 내용의 글이 Github 에 공개되어 많은 사람들에게 거론되길래 보게 되었다.나름 괜찮은 질문 내용이며 각 영역별로 얼마나 많은 관심을 가지고 있나를 잘 알수 있는 내용들의 질문들이라 생각 되었다.이에 나름 오지랍을 펼쳐 각각의 영역별 답을 작성해 볼가? 라는 생각으로 한 섹션씩 작성보기로 했다.물론 개인의 지식한계선에서 작성된 답안들이니 이것들이 정답이라고 맹신하는 일은 없기 바란다. 틀린부분이나 다른 의견이 있으면 언제든 피드백을 통해 수정하여 반영할 예정이다.어째거 첫 섹션으로 html 관련 문제에 답을 달아본다.HTML 관련 질문1. doctype 이 하는 일은 뭔가요? doctype을 몇개나.. 2015. 4. 2. front-end 개발자 인터뷰 문제 - javascript 영역 front-end 개발자 인터뷰 문제 - javascript 영역이글은 이전 front-end 개발자 인터뷰 문제 - html 영역 에 이은 javascript 문제에 대한 글이다.이글을 처음 보게 된다면 이전글을 먼저 읽어보길 바란다.Javascript에 관련된 질문들1. Java와 Javascript의 다른 점은 무엇인가요?Javascript 는 애당초 Java 애플릿의 대체자로 만들어지게 된 배경으로 javascript 라는 이름이 사용될뿐 전혀 연관성이 없는 언어이다.java 는 typed static 언어인 반면 javascript는 none typed 언어로서 동적으로 자료형을 검사하게 된다.java는 class 기반 컴파일+인터프린트 oop 언어이지만 javascript 는 prototype.. 2015. 4. 2. jQuery 유용한 팁과 예제 모음 웹 개발에서 jQuery는 DOM 조작과 이벤트 처리를 간단하게 할 수 있게 해주는 강력한 라이브러리입니다. 이번 포스팅에서는 jQuery를 사용해 자주 필요한 다양한 기능들을 소개합니다. 요소 조작부터, 테이블 관리, 폼 전송, 그리고 데이터 유효성 검사까지! 이 포스팅을 통해 필수적인 jQuery 코드를 바로 복사해 사용할 수 있게 준비해 보았어요. 1. 기본적인 요소 제어요소의 커서 변경하기사용자 경험을 위해 특정 작업 중 커서 모양을 변경해줄 수 있습니다. 예를 들어, 로딩 중일 때 wait 커서를 보여줄 수 있습니다.$('body').css('cursor', 'default');$('body').css('cursor', 'wait');HTML 요소 숨기기 및 보이기특정 ID를 가진 요소를 보여주.. 2015. 3. 10. javascript 함수 함수 객체- 자바스크립트에서 함수는 객체- 객체는 프로토타입 객체로 숨겨진 연결을 갖는 이름/값 쌍들의 집합체- 객체 중 객체 리터럴로 생성되는 객체는 Object.prototype에 연결됨- 반면에, 함수 객체는 Function.prototype에 연결됨(Function은 Object.prototype에 연결됨)- 모든 함수는 추가적인 속성이 있음: 함수의 문맥(context), 함수의 행위를 구현하는 코드(code)- 모든 함수 객체는 prototype이라는 속성이 있음. 이 속성의 값은 함수 자체를 값으로 갖는 constructor라는 속성이 있는 객체. 이것은 Function.prototype으로 숨겨진 연결과는 구분됨.- 함수는 객체이기 때문에 다른 값들처럼 사용할 수 있음- 함수는 변수나.. 2014. 7. 21. javascript 객체 객체??- 단순한 데이터 타입인 숫자, 문자열, 불리언(true/false), null, undefined 를 제외한 다른 값들은 모두 객체!- 숫자와 문자열, 불리언은 메소드가 있기 때문에 유사 객체라고 할 수 있음 하지만, 값이 한번 정해지면 변경할 수 없음(immutable)- 객체는 변형 가능한 속성들의 집합- 자바스크립트에서는 배열, 함수, 정규 표현식 등과 객체 모두가 객체!- 객체는 이름과 값이 있는 속성들을 포함하는 컨테이너- 속성의 이름은 문자열이면 모두 가능(빈 문자열 가능)- 속성의 값은 undefined를 제외한 자바스크립트의 모든 값이 사용 될 수 있음- 자바스크립트는 class-free- 새로운 속성이나 값에 제약사항 없음- 데이터를 한 곳에 모으고 구조화 하는데 유용- 객체.. 2014. 7. 21. 이전 1 다음 반응형