웹 개발 언어54 Javascript - jQuery방식 jQuery란? - HTML의 요소를 편리하게 조작하기 위해 미리 작성된 라이브러리 - 라이브러리이기때문에 사용시 import 필요함 HTML에서 h1태그를 가져와서 글짜 색을 바꾸려면 document.getElementsByTagName("h1")[0].style.color="red" 이라는 긴 메소드가 필요하지만 jQuery를 사용하면 $("h1").css("color", "red") 이렇게 간단히 표현할 수 있다!! jQuery 이용해서 css 적용해보기! jQuery 글자색 변경하기 HTML CSS Javascript HTML CSS Javascript jQuery CSS 활용 실행 화면 요소 내용 바꾸기 - .text() 메소드 사용한다 - 기존의 innerText와 같은 역할을 한다. 글씨를 .. 2022. 3. 30. MVC패턴! Design Pattern이란? - 소프트웨어 설계에 있어 공통된 문제들에 대한 표준적인 해법과 작명법 MVC패턴 이란? - 시각적으로 보여지는 부분과 데이터를 처리하는 부분을 분리하여 유연한 구조를 설계하는 디자인 패턴 세 영역으로 분리하고, 영역 간 결합도를 최소화한다! Model : 실행에 직접적인 관여를 하지 않고 데이터를 담거나, 데이터를 보내거나, 수정, 삭제하는 객체 Controller : 어플리케이션의 행위를 정의하고 Logic 결과에 따라 적절한 View를 선택하여 응답한다 View : Model 데이터를 기반으로 실제 사용자에게 보여지는 페이지 Model 1 웹 어플리케이션을 개발할 때 JSP만을 사용하는 설계방법이다! 클라이언트의 요청 처리, DB 연동, 세션 관리, 응답 처리 등과 .. 2022. 3. 29. JavaScript - DOM 개념과 간단한 실습! DOM이란? - Document Object Model - HTML문서의 모든 요소를 Javascript로 조작할 수 있도록 객체 형태로 가져온 문서 구조 요소에 접근하기! - querySelector(selector) css 선택자를 이용하여 하나의 요소에 접근 - querySelectorAll(selector) css 선택자를 이용하여 모든 요소에 접근 - getElementBydi(id) 접근하고자하는 HTML 태그의 id값을 이용해 HTMLElement객체 조회 속도는 getElementById가 조금 더 빠르지만 querySelector가 더 최근에 나온 도구이고 조금 더 복잡하지만 강력한 기능을 가지고 있다. 버튼 클릭하면 p태그의 글자색과 크기를 바꾸는 실습! - getElementById .. 2022. 3. 27. JSP 실습편2!! request 복습! 입력 실행화면 요 친구에 데이터를 입력해주고 전송 버튼을 누르면~~? form 태그를 통해서 action 설정이 가리키는 곳으로 데이터가 전송된다!! 데이터는 여기로!! form태그로 보낸 데이터를 request 객체로 받아왔다!!! 버튼을 누른 후 화면! 성적 확인 프로그램 만들기!! -점수를 입력할 웹페이지! 성적확인프로그램 이름 JAVA점수 WEB점수 IOT점수 ANDROID점수 - 성적 확인하는 페이지 =90){ grade = "A"; }else if(avg>=85){ grade = "B+"; }else if(avg>=80){ grade = "B"; }else if(avg 성적확인프로그램 이름 JAVA점수 WEB점수 IOT점수 ANDROID점수 평균 학점 스크립틀릿 안에서 r.. 2022. 3. 26. 이전 1 ··· 4 5 6 7 8 9 10 ··· 14 다음
