목록Web (30)
Coding Note
전 게시물 SimpleDateFormat 함수를 활용한 날짜 출력하기에 이어 LocaleDate 함수 사용하여 날짜 출력하기! 구현 코드 1. include 2. include 파일 포함 1. Include (Include Directive Tag) - 공통으로 사용하는 JSP 페이지를 다른 JSP 페이지에 추가할때 사용 - 재사용성이 높음 - JSP 페이지 유지관리가 쉬움 2. LocaleDateDate - 날짜, 시간 정보 출력할때 사용함
현재 날짜 출력하기! 짜잔!! 구현 코드 1. SimpleDateFormat - 날짜, 시간 등을 출력하는 함수
JavaServerPage HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 서버 스크립트 언어 1. JSP 구성 요소 - HTML. CSS, JS 코드 - JSP 기본 태그 - JSP 액션 태그 2. 스크립트 요소(Scripting Element) - 주석문, 스크립트릿(Scriptlet), 표현 언어(Expression Language), 선언식 등 - JSP 페이지에서 여러가지 동적인 처리를 제공하는 기능 - 기호안에 자바 코드로 구현함. - 기호를 스크립트릿(Scriptlet)이라고 부름 3. 표현식 - JSP에서 변수의 값을 출력할 때 사용 - 형식 : ==> ${표현식 or 값}
JavaScript를 사용해서 이메일 유효성 검사하기! + Servlet 사용하여 입력값 받기! 구현 코드 1. HTML/CSS/JS 이메일 @ 선택하세요 직접입력 naver.com daum.net nate.com google.com korea.com + 이메일 Select 부분 2. Servlet package kr.co.ezenac.login; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.H..
JavaScript를 사용해서 아이디, 비밀번호 유효성 검사하기! + Servlet 사용하여 입력값 받기! 구현 코드 1. HTML/CSS 아이디 비밀번호 //주소값 2. Servlet @WebServlet("/logins") public class loginServlet extends HttpServlet { private static final long serialVersionUID = 1L; public void init(ServletConfig config) throws ServletException { System.out.println("init메서드 호출"); } public void destroy() { System.out.println("destroy메서드 호출"); } protected ..
태그 type 속성 중 하나인 radio를 사용하여 페이지 이동하기! 구현 코드 원하는 사이트를 선택하세요 Naver Daum Google 1. loacatoin - location 인터페이스는 객체가 연결된 장소(URL)를 나타냄 - Document.location과 Window.location으로 사용 가능 - loacation.href='url' - url 주소로 이동
1. 생성 코드 버튼 클릭시 텍스트 출력 2. 삭제, 숨김 코드 버튼 클릭시 텍스트 삭제 버튼 클릭시 이 div 태그 속 텍스트 삭제 기능 버튼 클릭시 텍스트 숨김 버튼 클릭시 div 숨김 기능 !JavaScript를 이용하여 문서에 HTML 요소 추가! 1. createElement() - HTML 요소 생성 2. createTextNode('문자열') - 선택한 요소에 텍스트 추가 3. appendChild() - 선택한 요소 안에 자식 요소 추가 예시)
JavaScript로 구구단 출력해보자! 구현 코드 원하는 구구단을 입력하고 화면에 출력합니다. 출력할 구구단을 입력하세요! : 1. document - 문서객체모델(Document Object Model)에 속함 - 문서내 모든 내용을 정의하고 각각 요소에 접근 - html에 대한 것들을 담당하는 객체 + window - 브라우저모델(Brower Object Model)에 속함 - 웹 브라우저 상태를 제어하는 객체 - 생략 가능 2. getElementById() - 태그에 있는 id 속성값을 해당 태그에 접근하는 함수 - 해당하는 id이 없을 경우 null 에러 발생 3. innerHTML - 요소(element) 내 포함 된 HTML 또는 XML 마크업을 가져오거..