전체 글

onchange onchange 속성은 사용자가 선택한 내용이 변경되었는지 감지한다. 따라서 onchange 속성 안에 함수를 넣는다면, 내용이 변경되었을 때 해당 함수를 자동으로 호출할 수 있다. 구구단 입력 단 수 선택 선택 1단 2단 3단 4단 5단 6단 7단 8단 9단 위의 코드를 보면 select 태그 속성에서 onchange 속성을 통해 formChange 함수를 호출하고 있다. formChange 함수를 호출하면서 매개변수로 this.form 을 넘겨주어 select 태그를 자식으로 갖고 있는 from 태그를 매개변수로 넘겨주고 있다. 함수 formChange 에서는 매개변수로 넘겨받은 form 객체를 submit 한다. 따라서 해당 페이지는 사용자가 선택한 내용이 변경되었을 시 submit..

onsubmit → submit 액션이 발생할 경우 이 때 호출되는 자바스크립트 함수에서 return true 할 경우 action 속성으로 제어권이 넘어가고, return false 할 경우 action 속성으로 제어권이 넘어가지 않게 된다. 예시 코드를 보자!!스크립트 코드 ↓ html 코드 ↓ 데이터 송수신 실습 04 아이디(*) 아이디를 입력하세요. 패스워드(*) 패스워드를 입력하세요. 이름(*) 이름을 입력하세요. 전화번호(*) 전화번호를 입력하세요. 성별 여성 남성 지역 서울 대전 대구 광주 수강과목 자바기초 오라클중급 JDBC심화 JSP활용 회원가입 취소 위의 코드에서 form 태그 부분을 보면 onsubmit 속성에 return formCheck();를 넣어주며 함수를 호출하고 그 반환값을..

JSP의 기본적인 문법 공부를 끝내고 데이터 송수신 실습을 진행하였다. 처음엔 이게 뭔 소리지.. 했는데 하다보니 이해가 가는 것 같기도 ~~~~ 먼저 사용자(클라이언트 측)에게 입력 받은 데이터를 서버 측에 데이터 전송 및 페이지 요청을 하기 위해서는 form 태그가 필요하다. Send01.html 코드 일부 ↓ 이름 전화번호 따라서 html 영역 안에 form 태그를 넣고 form 태그 영역 안에서 이름과 전화번호를 입력 받도록 한다. 그리고 submit 버튼을 통해 서버 측으로 name이 name이고 tel인 속성을 갖는 데이터를 전달한다. form 태그의 action 속성은 데이터를 전송하는 동시에 요청하는 jsp 페이지의 주소를 지정한다. 데이터 송수신 실습01 가입 확인 님, 회원 가입이 완료..

『prompt( )』 prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 메세지를 갖고 있는 대화 상자를 띄우는 메소드이다. 이를 이용하여 사용자에게 이름과 전화번호를 입력받아 그 내용을 출력하는 페이지를 구성할 수 있다. 전체 회원 수 명 prompt( ) 로 입력 받은 값은 문자열로 반환되기 때문에 숫자를 입력 받아야 하는 경우는 문자열로 입력 받은 뒤 변환한다. 『confirm( )』 사용자로부터 불린 값을 입력 받을 때 사용한다. 확인을 누르면 true를 리턴하고 취소를 누르면 false를 리턴한다.

『document.getElementById()』 document.getElementById() document.getElementById() 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용하다. document.getElementById().value 는 해당 객체의 value 값을 반환한다. 예를 들어, : 위의 코드에서는 num 에 10이 담기게 된다. 이와 같이, document.getElementById() 메소드를 사용하여 해당 Id의 value 값을 가져올수도, 지정할수도 있다.

자바스크립트에서의 변수 자바스크립트는 자바와는 다르게 따로 변수 선언 과정이 필수적이지 않다. 변수를 미리 선언하지 않았어도 아래와 같이 정의가 가능하다. num = 10; 자바스크립트의 변수는 자료형이 따로 존재하지 않는다. 대신 var 키워드를 통해 변수를 선언한다. var num = 10; document.write() document.write(num1); document.write() 명령어를 통해 자바스크립트 코드 안에서 html 문서 안에 내용을 작성할 수 있다. 위의 코드를 통해 num1 을 html 문서 안에 작성하고 있다. 지역변수와 전역변수 함수 밖에서 선언할 경우, var 키워드의 사용 여부와 관계 없이 전역 변수의 형태로 기능한다. 그러나, 함수 내부에서 변수를 선언할 경우, va..

※ 관련 태그 정리 태그를 통해 표를 만들 수 있다. 이름 학번 김철수 2019323070 해당 코드의 결과는 다음과 같다. 내용 → table row 의 약자로, 테이블의 가로(행 개수)를 구성한다. 내용 → table date 의 약자로, 테이블의 세로(열 개수)를 구성한다. 내용 → tabel head 의 약자로, 테이블의 세로(열 개수)를 구성하는 것은 와 같지만, 테이블 컬럼의 제목을 구성한다. 디폴트로 중앙 정렬이 적용된다. 태그 내에 style 속성을 지정할 수 있다. 위의 코드에서는 border 속성을 1로 주고 있다. colspan / rowspan (테이블 열과 행 병합 태그) 테이블의 열이나 행을 병합하기 위해 colspan 속성과 rowspan 속성을 사용할 수 있다. colspan..

html 에서는 태그를 통해 하이퍼링크를 추가할 수 있다. 하이퍼링크 이런 식으로 경로 위치에 해당 주소를 넣어주면 하이퍼링크 글자를 클릭했을 때 해당 주소로 이동하게 된다. 경로를 지정할 때 절대경로로 지정하는 방법과 상대경로로 지정하는 방법이 있다. 1. 절대경로 절대경로란 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다. 예를 들어, 내 블로그 주소인 https://lincoding.tistory.com/ 혹은 내 컴퓨터 안에서 특정 파일의 위치인 C:\WebStudy\WebApp03\WebContent 가 있다. 그런데 이 경로를 사용하기 위해서는 해당 위치에 파일이 존재할 경우에만 가능하다. 2. 상대경로 상대경로란 현재 파일이나 내가 위치한 곳을 기준으로 파악한 해당 위치를 말한다...