Servlet (서블릿) 서블릿은 자바 언어로 요청을 받아 웹 페이지의 결과를 반환하는 기술이다. 즉, 자바와 프론트의 중간 징검다리 역할이며 프론트에서 사용자의 요청을 받아 자바의 코딩결과를 사용자에게 다시 전송하는 것이다. 서블릿의 구조 자바 클래스를 서블릿에 등록하고, 사용자가 서비스를 요청한다. 위 과정으로 서블릿이 실행되어 서블릿 메서드에 따라 데이터베이스에서 정보를 주고받고, 사용자가 요청한 정보를 전달한다. 회원가입으로 간단하게 생각하면, 회원이 작성폼에 아이디 등의 개인정보를 입력하면 서블릿에서 자바 클래스의 코드를 읽어 상황에 맞는 행동을 취한다. 회원 가입의 경우 회원의 정보를 DB에 저장한다. 이에 따른 결과를 사용자에게 반환한다. 로그인의 경우 회원이 아이디, 비밀번호를 입력하여 요..
프로젝트 생성하기 새로운 Dynamic web Project 를 생성해준다. 이와 관련된 내용은 아래 링크 참고. 맥에서 톰캣(Tomcat) 과 이클립스, 자바 (Java) 연결하기 만약 tomcat 이 설치되지 않은 상태라면 아래 링크를 참고해 tomcat을 설치해주세요. 맥에 홈브류(homebrew) 이용해 톰캣(Tomcat) 설치 톰캣 필요한 이유 톰캣 피씨에서 브라우저에 요청하면 웹페이지에 skylarcoding.tistory.com 자바 파일 넣기 Java Resources - src/main/java 에 conn(모르겠으면 아래 링크 참고) 과 Java 폴더와 파일을 넣어 패키지를 생성해준다. Java 폴더와 파일은 spotlight - eclipse-workspace - src 에서 찾을 수..
방명록 만들기, 작성 기능을 구현해보자. 작성자, 글 비밀번호, 내용을 작성하고 작성 버튼을 누르면 새로운 영역에 글이 작성되는 기능이다. 방명록 작성자 글 비밀번호 내용 작성 바디에서 작성자, 비밀번호, 내용 의 값을 사용자에게 받아 "작성" 버튼을 이용해 함수 a() 를 불러낸다. (onclick = "a()") 에서 각 값의 이름으로 접근해 값을 받아 변수에 담는다. 값들을 파라메터에 담아 mkDiv 함수를 불러낸다 mkDiv 는 div 태그에 감싸서 내용을 프린트 하기 위해 만들었다. 새로운 div 태그를 만들어 영역을 추가한다. 새 div 태그에 id를 지정하고 비밀번호를 추가한다. 아이디가 겹치지 않도록 cnt 를 추가한다. 생성된 div 에 출력할 내용을 담은 변수 html 을 초기화해준다...
요소 추가/삭제 1) 요소 생성 document.createElement("태그"); // document.createElement("p"); 2) 요소 추가 document.appendChild(요소); 요소 생성/추가 3) 요소 삭제 document.removeChild(요소); 버튼 추가 삭제 4) 요소에 이벤트 핸들러 추가 요소.onclick = 함수
innerHTML 여는 태그와 닫는 태그 사이의 값이다. aaa 의 경우, 태그 사이의 aaa 의 값을 말한다. ⬇️ 예시는 아래 링크의 글들에서 확인할 수 있다. https://skylarcoding.tistory.com/search/innerHTML 코딩 학습 중 ... skylarcoding.tistory.com 요소 속성값 요소.attribute = 새값; 요소.setAttribute("속성명", "값"); 요소.getAttribute("속성명"); //속성값 반환
HTML DOM Documnet Object Model (문서 객체 모델) HTML DOM 모델은 HTML등의 문서를 위한 객체의 인터페이스라고 보면 된다. DOM은 아래와 같은 구조로 표현된다. DOM은 HTML의 요소를 받고, 변경하고, 추가하고, 삭제하는 방법 등을 제공한다. 1. 요소 추출 메서드 id를 받아오는 메서드는 아이디 한개만 받아오니 문법 사용에 주의해야한다. document.getElementById("아이디"); //요소 한개 (id) 반환 //아이디는 중복되지 않으니 element, s를 붙이지 않는다. document.getElementsByTagName("태그명"); // 등의 태그. 동일한 태그명을 찾아서 배열에 담아 반환 document.getElementsByClassNa..
회원가입 폼 조건과 내가 만든 코드는 아래 링크에서 볼 수 있다. https://skylarcoding.tistory.com/56 코드 강사님이 해주신 코드. 내가 한 것과는 반대로 주어진 조건이 일치하지 않을 경우를 if 의 조건으로 넣어 return 해주었다. 훨씬 간단한 코드가 나온다. Servlet 파일을 생성해 값을 받아 HTML 문서까지 만들어보았다. 회원가입 폼 id : 6글자 이상 작성 pwd : 5글자 이상 작성 pwd 확인: email : Servlet 이용해 클라이언트에게 보내줄 HTML 문서 생성하기 package test; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletExcep..
⬇️ 회원가입 폼 조건 더보기 id pwd pwd확인 이메일 가입버튼 누르면 id는 6글자 이상 필수사항 (유효성 체크) pwd 5글자 이상 pwd 확인과 일치, 필수사항 내가 만든 코드 if로 조건을 설정했다. 조건에 만족할 경우에만 html 변수에 받았고, 아닐 경우에는 return 으로 돌려줬다. 정답을 보고 한번 수정해 본 코드고, 실제로 만들었을 때 return 을 넣지 않아 조금 헤맸다. 사실 처음에 글자 제한 .. 알림... 뭐 그런 코드 썼던건 안비밀 ㅠ if 로 pwd와 pwd확인을 비교하는 것까지는 생각했지만, 다른 조건들도 if 에 넣어줄 생각을 못함. return : 현재 메서드 종료. 잊지말기. 강사님이 해준것과 비교하면 좀 지저분... 회원가입 폼 id : 6글자 이상 작성 pw..
폼 양식 자바 스크립트 (JS) 로 불러내기 폼 양식을 자바 스크립트로 불러오는 문법이다. text, password, number 폼 받기 변수 html 에 위 문법을 사용해 값을 받고 html 변수를 출력하는 코드이다. 폼 양식 종류 id : pwd : phone :
