다연이네

Click Me 버튼을 누르면 위의 message가 밑의 빨강 박스로 출력된다. html 적용 여부 체크박스를 선택하면, html 형식에 맞춰 출력된다. Checkbox 확인 버튼을 누르면 console 창에 true/false로 출력된다. html 적용 여부가 체크되어 있으면 true를, 해제되어 있으면 false를 출력한다. div 초기화 버튼을 누르면 밑의 빨강박스 내용이 사라진다. message: html 적용 여부 위의 코딩을 jQuery를 사용해 변경 message: html 적용 여부 if ($("#ckbHtml").is(":checked")) { $("#demo").html($("#msg").val()); } else { $("#demo").text($("#msg").val()); } if..

버튼을 누르면 위 보더의 스타일이 변하도록 코딩 1. JavaScript로 작성 Lorem ipsum dolor sit amet, consectetur adipisicing elit. At perspiciatis. 스타일 변경 2. jQuery로 변경 Lorem ipsum dolor sit amet, consectetur adipisicing elit. At perspiciatis. 스타일 변경 jQuery는 작성 방법이 다양하다. [1] 정직하게 $(document).ready(function(){ //이 코딩 필수 $("button").click(function() { $("#demo").css("color","red"); $("#demo").css("font-size","20px"); $("#dem..

1. tabindex 사용자가 탭 키를 누를 경우 지정한 순서대로만 포커스가 이동하게 된다. 2. accesskey 자주 사용하는 폼을 위한 엑세스키이다. 사용자가 해당 키를 누르면 해당 레이블과 연결된 필드로 포커스가 이동한다. ==> alt + x를 누르면 focus가 집중된다 (x는 다른 문자로 변경 가능) . js 요소의 내용을 변경 이벤트: 키다운, 키업, 키프레스 - 1번 박스를 클릭하면 배경이 노란색이 되고, 아무 문자나 작성하면 밑의 2번 박스에 고대로 출력된다. - 1번 박스와 2번 박스는 tab키로 이동이 가능하다. - 포커스가 맞춰지지 않은 상태이거나, 다른곳에 맞춰진 상태에서 alt+x를 누르면 1번 박스에 포커스가 맞춰진다. 위의 코딩을 jQuery로 변경해보자

1. 웹페이지에서 [사용자]로부터 특정 이벤트나 입력값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어 2. 사용자 경험(UX)/UI을 향상시키기 위한 방법으로 주로 사용 3. 일반적으로 HTML문서에 내재되며 [브라우저]에서 실행된다. 4. 자바스크립트는 [주로] 웹 브라우저 내에서 사용되는 언어였으나, 자바스크립트 기반의 런타임 플랫폼(예: Node.js)들이 개발되며 서버측 프로그램 개발에도 사용이 크게 확대되었다. 5. 다운로드/ 설치X -> 브라우저에 내장... 종류와 버전에 따라 내장된 자바스크립트가 다를 수 있다. 6. ECMAScript(에크마 스크립트)는 표준이지만 브라우저에따라 되는게 있고 안되는게 있다.