일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 투자
- jsp
- JavaScript
- UTF-8
- CSS
- algorithm
- request
- function
- c++
- windows
- System
- 자료구조
- HTML
- CLASS
- Kafka
- java
- array
- 윈도우즈
- WebProgramming
- query
- 노드
- 악성코드
- Call-by-reference
- meta
- C
- 포인터
- Sort
- beans
- OOP
- API
- Today
- Total
목록Web Programming (17)
hahahia
/* list.jsp 일부분(전체 소스는 여기로) */ NumberIDNamepassword 비고 삭제 /* delete-do.jsp */ 실행결과 삭제라고 써져있는 링크를 눌러보도록 하겠습니다 해당 데이터가 삭제가된걸 볼 수 있네요 MYSQL로 확인해본 TABLE
/* input.jsp *//* 앞에서 목록생성을 한 list에서 저장링크를 누르면 나오는 페이지입니다(회원가입)*/ ID : 이름 : PW : /* save_do.jsp */ 실행결과 list.jsp 하단에 있는 저장버튼을 누르면 회원가입창인 input.jsp가 뜨고 양식을 입력을 합니다. input.jsp에서 저장을 누르게되면 아까 입력했던 회원양식이 추가되는걸 볼 수 있겠네요. 마찬가지로 MYSQL에서 새로운 데이터가 추가된 것을 볼수 있겠습니다.
/* list.jsp */ NumberIDNamepassword 비고 삭제 저장 실행결과 MYSQL에서 본 데이터들
Java Beans JSP 에서는 Java로 작성한 자바 클래스 중에 Java Beans 이라는 규약에 맞게 작성된 클래스를 JSP에서 사용할 수 있습니다.이를 통해서 디자인쪽 부분과 기능 부분을 분리시킬 수가 있겠죠. 이렇게 각각 분리해서 개발 함으로써 명확한 작업의 분리가 가능하고, 반복적인 코드를 다시 사용할 수 있음으로써 효율적인 작성 및 수정이 가능하기 때문에 Beans를 이용해서 jsp 프로그래밍을 합니다. Beans의 구성과 동작의 예 여기서 쓰이는 클래스는 결코 어려운것이 아닙니다.객체지향프로그래밍(OOP)에서 자주 볼 수 있는 get함수와 set함수를 사용하여 데이터들을 입력하고 출력하기 쉽게 표현할 수 있도록 하는것이죠. 예제/* main.jsp */ 홈으로 로그인 회원가입 마이페이지 ..
JSP 구동 원리 => JSP 스크립트 요소(표현식)1. 선언문 - JSP 파일에서 메소드나 멤버 변수를 쓸 때 사용한다. - JSP 내에 프로그램 코드를 많이 두는 것은 바람직하지 않다. 기본형식 => ex) 2. 스크립틀릿 - JSP 파일 중간에 자바 코드를 넣어서 _jspService() 메소드에서 수행하고자 하는 코드 기술 - 화면 출력을 위해 out.println()을 사용한다. - 스크립틀릿을 닫고 HTML 출력 후 다시 스크립틀릿 작성 가능 기본형식 => ex) 사용 예-> 메소드 호출 결과 출력 : -> 변수 출력 : -> 사칙 연산과 문자열 결합 : /* test.jsp */ 스크립틀릿 TEST : 1-10 까지 출력
/* javascript.html */ You have characters left. - 실행시 화면창(textarea 폼에 입력) - 입력을 하면서 동시에 남은 문자열 입력가능 개수를 출력한다. - 입력하면서 80글자가 넘어갈 경우 overflow alert창을 띄운다.
CSS 선택자(Selectors)- 원하는 스타일 요소를 선택하기 위해 사용하는 패턴- HTML태그에 class와 id속성을 정의하여 element를 선택하고 적용- 보통 일반적으로 class 속성을 정의해서 사용한다. class 선택자- 같은 태그에 내용에 따라 서로 다른 스타일을 적용하고자 할 때 사용한다.- class = "intro"와 같이 class 속성을 가지는 모든 element들을 선택ex) .intro{ background-color:yellow;}ex) P.question1 {font-size:15pt; background:rgb(215,200,240) } P.question2 {color:#0000ff} id 선택자- id="firstname" 속성을 가지는 하나의 element를 선..