반응형 Front-End/JavaScript4 JavaScript - JQuery (2) ◾ 객체로 만들 때는 중괄호{ }로 만든다. ◾ Map의 형태이다. (key, value) var jobOld = "백수"; var obj = {name:"테스트", age:51, job:jobOld}; 💡 jQuery ◾ 기본 문법 $(document).ready(function(){}); ◾ document.ready의 축약본이다. $(function(){}); ◾ jQuery를 통해 함수를 호출해서 alert 경고창을 출력한다. ◾ url은 임의로 정한 것 ◾ Test1Controller.java에 있는 test07 은 주석처리하고, TestController.java에 test07을 추가한다. ◾ jQuery문 안에 jQuery문을 넣을 수 있다. ◾ 결과를 json으로 가져올 것이다. -- 객체.. 2022. 7. 29. JavaScript - JQuery 💡JQuery ◾ 제이쿼리는 객체를 $로 접근하고 안에 있는 함수에 접근한다. 그리고 파라미터를 넘겨준다. ◾ $(대상).함수(파라미터); ex) $(document).ready(); ex) $(document).ready(function(){}); ◾ Lambda 무명함수, 이름을 안 정해준 함수 ◾ 변수처럼 넘겨줄 수 있는 기능도 가지고 있다. ◾ 변수에 함수를 넣어서 사용할 수 있다. ex) var a = function() {} ◾ js에서는 함수도 파라미터로 줄 수 있다. 💡 html을 간단하게 짤 수 있는 사이트 https://jsbin.com/sufubirolu/edit?html,output JS Bin Sample of the bin: jsbin.com 💁♀️ 추가적으로 웹을 공부하는데 .. 2022. 7. 28. JavaScript - 실습문제 📃 Button 객체 예제(1) button을 매개변수로 받는 show메서드를 js로 작성한다. 버튼은 태그의 "button" 타입으로 만든다. caption 변수에 버튼의 값을 저장하고 각각의 버튼을 누를 때마다 해당 버튼이 눌렸다는 경고창을 띄운다. Button 객체 예제 다음의 단추를 누르면 단추의 종류가 나타납니다. 📃 Button 객체 예제(2) 버튼을 눌렀을 때 경고창을 띄우는 show1, show2 메서드를 생성한다. 1번 단추를 누르면 1번 단추와 2번 단추를 눌렀다는 경고창이 띄워지고, 2번 단추를 누르면 2번 단추를 눌렀다는 경고창만 띄워진다. Button 객체 예제 1번 단추를 누르면 2번 단추도 같이 눌려집니다. 📃 text, textarea, password 객체 예제 text, .. 2022. 7. 11. JavaScript - 기본 문법 📃 Event 객체 OnClick Event Test : 버튼 1을 한번 클릭 해보세요. OnMouseOver Event Test : 버튼2 위로 마우스를 움직여 보세요. OnMouseUp Event Test : 버튼3 누른 상태로 있다가 마우스를 놓아 보세요. 현재 창의 좌측 하단 부의 메시지를 주시하세요 버튼 4를 한 번 클릭 또는 더블 클릭해보세요. 윈도우의 상태 값이 '버튼 4를 한 번 클릭하였습니다.' 또는 "버튼 4를 한 번 클릭하였습니다." 로 변합니다. 새로운 창 열기/닫기 실습입니다. '새 창 열기'를 누르면 새로운 창이 열리고 '새 창 닫기'를 누르면 창이 닫힙니다. "출력" 버튼을 누르면 화면의 내용을 출력할 수 있습니다. 📃 자바스크립트 기본 구조(1) 자바스크립트 기본 구조 📃 자.. 2022. 7. 11. 이전 1 다음 728x90 반응형
