개요 글 작성, 삭제 등 구현 guestbook : 테이블명 guestbook (로그인 없이) 방명록 글번호 작성자 작성일 글비밀번호 내용 조회수 Oracle 오라클의 테이블 생성 create table guestbook( num number primary key, writer varchar2(20) not null, w_date date, pwd varchar2(20) not null, content varchar2(100), cnt number ); --글번호 할당할 시퀀스 create sequence seq_guestbook; Vo package guestbook; import java.sql.Date; public class GuestBookVo { private int num; private S..
Servlet (서블릿) 서블릿은 자바 언어로 요청을 받아 웹 페이지의 결과를 반환하는 기술이다. 즉, 자바와 프론트의 중간 징검다리 역할이며 프론트에서 사용자의 요청을 받아 자바의 코딩결과를 사용자에게 다시 전송하는 것이다. 서블릿의 구조 자바 클래스를 서블릿에 등록하고, 사용자가 서비스를 요청한다. 위 과정으로 서블릿이 실행되어 서블릿 메서드에 따라 데이터베이스에서 정보를 주고받고, 사용자가 요청한 정보를 전달한다. 회원가입으로 간단하게 생각하면, 회원이 작성폼에 아이디 등의 개인정보를 입력하면 서블릿에서 자바 클래스의 코드를 읽어 상황에 맞는 행동을 취한다. 회원 가입의 경우 회원의 정보를 DB에 저장한다. 이에 따른 결과를 사용자에게 반환한다. 로그인의 경우 회원이 아이디, 비밀번호를 입력하여 요..
방명록 만들기, 작성 기능을 구현해보자. 작성자, 글 비밀번호, 내용을 작성하고 작성 버튼을 누르면 새로운 영역에 글이 작성되는 기능이다. 방명록 작성자 글 비밀번호 내용 작성 바디에서 작성자, 비밀번호, 내용 의 값을 사용자에게 받아 "작성" 버튼을 이용해 함수 a() 를 불러낸다. (onclick = "a()") 에서 각 값의 이름으로 접근해 값을 받아 변수에 담는다. 값들을 파라메터에 담아 mkDiv 함수를 불러낸다 mkDiv 는 div 태그에 감싸서 내용을 프린트 하기 위해 만들었다. 새로운 div 태그를 만들어 영역을 추가한다. 새 div 태그에 id를 지정하고 비밀번호를 추가한다. 아이디가 겹치지 않도록 cnt 를 추가한다. 생성된 div 에 출력할 내용을 담은 변수 html 을 초기화해준다...
innerHTML 여는 태그와 닫는 태그 사이의 값이다. aaa 의 경우, 태그 사이의 aaa 의 값을 말한다. ⬇️ 예시는 아래 링크의 글들에서 확인할 수 있다. https://skylarcoding.tistory.com/search/innerHTML 코딩 학습 중 ... skylarcoding.tistory.com 요소 속성값 요소.attribute = 새값; 요소.setAttribute("속성명", "값"); 요소.getAttribute("속성명"); //속성값 반환
폼 양식 자바 스크립트 (JS) 로 불러내기 폼 양식을 자바 스크립트로 불러오는 문법이다. text, password, number 폼 받기 변수 html 에 위 문법을 사용해 값을 받고 html 변수를 출력하는 코드이다. 폼 양식 종류 id : pwd : phone :
변수 계속 변하는 값 var 변수명; let 변수명; //지역변수 (블록 내/외) 가능 //전역변수. 어느 함수나 사용 가능 var a = 1; let b = 2; function f1() { //함수 호출 안하면 실행 안된다 alert("f1()a:" + a); //1 alert("f1()b:" + b); //2 var x = 3; //지역변수. f1() 함수에서만 사용이 가능하고 f2()에서 쓰지 못한다. let y = 4; alert("f1()t:" + t); //변수를 정의하지 않으면 에러 발생 alert("f1()x:" + x); //3 alert("f1()y:" + y); //4 } function f2() { alert("f2()a:" + a); //1 alert("f2()b:" + b); ..
아래와 같은 형식의 방명록을 만들어보자. 작성자 비밀번호 글내용 작성 글 ... 수정 삭제 1 t1과 div에 style 넣기 2 let cnt = 1; cnt 1로 선언 3 function a(){ let writer = f.writer.value; let pwd = f.pwd.value; let content = f.content.value; 변수에 html에서 받아온 값을 담음. 4 let el = mkDiv(writer, pwd, content); (3)의 변수를 mkDiv 파라메터에 받음 (6) 으로 이동 (mkDiv 함수) * mkDiv = newDiv = el 5 let list = document.getElementById("list"); list.appendChild(el); } id 가..
자바 스크립트에서 구구단을 구현하는 방식은 다양하다. 1. for 문 이용한 방식 구구단을 아래와 같은 형식으로 JS를 이용해 프린트해보자 코드 결과 2. 함수 이용한 방식 function 안에 for문을 넣어 body에서 호출하면 된다. 자바 스크립트 함수 정의 코드 결과 ⬇️ 자바 스크립트 문법 보러가기 TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com
