the Rabbit_Sand, IT Blog 🍀

myPage - jsp 파일로 작성한다. - 로그인 성공 후엔 마이페이지와 로그아웃이 보이므로 myPage에 menubar를 include해야 한다. - 이때 menubar를 include하면 변수 contextPath를 사용할 수 있다. - 마이페이지에서 아이디는 변경할 수 없으므로(고유값) readonly를 사용하여 읽기만 할 수 있게 한다. 마이페이지 *아이디 *이름 전화번호 이메일 주소 관심분야 미술 운동 영화 음악 게임 요리 정보 변경 비밀번호 변경 회원 탈퇴 비밀번호 변경 × 현재 비밀번호 변경할 비밀번호 변경할 비밀번호 확인 비밀번호 변경 회원 탈퇴 × 회원 탈퇴 후 복구는 불가능합니다. 정말로 탈퇴하시겠습니까? 비밀번호 입력 탈퇴 MyPageController - servlet 파일로 작성..

웹페이지 만들기(1)의 코드에 추가한다. menubar(메인페이지) - Controller에 있는 .setAttribute("alertMsg", "회원가입 되었습니다! 환영해요!") 가져온 후 Object 객체인 alertMsg를 String으로 강제형변환한다. - 상단에 작성한다. - 회원가입 성공 시(alertMsg가 null이 아닐 때) alert로 '회원가입에 성공했다'고 띄우기 - 이후에 해당 alert를 삭제하지 않으면 페이지가 읽힐 때마다 같은 alert가 띄워지므로 이를 .removeAttribute()로 삭제해야 한다. - body 영역에 작성한다. - 회원가입 버튼을 클릭했을 때 // form 태그 내 작성 회원가입 // form 태그 밖 작성 회원가입 같이 민감한 정보의 경우 url에..

Template public class Template { // 1. Connection 객체 생성(DB 접속)한 후 Connection을 반환하는 메소드 public static Connection getConnection() { // Map 계열 컬렉션(key-value) Properties prop=new Properties(); // 읽어들일 driver.properties 파일의 물리적인 경로 설정 // 실질적으로 배포되는 폴더는 WebContent이기 때문에 src/db/driver/driver.properties로 읽으면 안됨 // WebContent/WEB-INF/classes에 있는 파일을 읽어야 함 String fileName = JDBCTemplate.class.getResource(..

C(Create) R(Result) U(Update) D(Delete) 회원 서비스 INSERT SELECT UPDATE DELETE 로그인 O 회원가입 O 내 정보 보기 O 정보 변경 O 회원 탈퇴 O ◎ 공지사항 게시판/일반게시판 - 글 리스트 조회: Result - 글 상세보기: Result - 글 작성: Create - 글 수정: Update - 글 삭제: Delete

JSP(Java Server Page) : HTML 형식 내에서 Java 코드를 쓸 수 있는 Java 언어이다. - Servlet에서 응답화면을 구현했던 복잡함을 보다 간결하게 해결할 수 있다. - 즉, JSP의 가장 큰 장점은 Servlet에서는 Controller 역할에만 집중하고 View 역할은 JSP에서 집중하게끔 분리한다는 것이다. JSP Element 표현법 1. 스크립팅 원소(Scripting Element) : JSP에서 Java 코드를 기술할 수 있게 한다. (1) 선언문() : 멤버변수와 메소드를 선언하기 위해 사용한다. (2) 스크립틀릿() : JSP에서 Java 코드를 기술하기 위한 기본적인 표현법이다. - ex) 변수의 선언 및 초기화, 제어문 등

동적으로 태그 생성하기 1. 문자열로 생성하기 let str1 = "문자열로 생성하기"; $("area").append(str1); 2. DOM 메소드로 생성하기(JavaScript 방식) - createElement(), createTextNode() let str2 = document.createElement("p"); // p 태그 생성 let text = document.createTextNode("DOM 메소드로 생성"); str2.appendChild(text); // DOM 메소드로 생성 $("area").append(str2); 3. jQuery 방식 let str3 = $("").text("jQuery로 생성"); $("area").append(str3);

content와 관련된 메소드 1. html() - innerHTML 속성과 관련된 메소드 : 선택된 요소의 content 영역(시작태그와 종료태그의 사이 영역)을 리턴시키거나 변경해주는 메소드 - $("선택자").html(): 선택된 요소의 content 영역의 값을 html 태그를 포함하여 반환한다. - $("선택자").html("문구"): 선택된 요소의 content 영역의 값을 해당 문구로 변경해서 반환한다. 문구에 html 태그가 있을 경우엔 태그로 해석한다. 다음으로 가기 네이버로 가기 2. text() - innerText 속성과 관련된 메소드 : 선택된 요소의 content 영역의 텍스트만 리턴시키거나 변경해주는 메소드 - $("선택자").text(): 선택된 요소의 content 영역을 ..

탐색(순회) 메소드 1. 조상 메소드 : 기준이 되는 요소의 상위요소들을 선택하는 메소드 - $("선택자").parent() : 선택된 요소의 바로 위 상위요소 하나만 선택한다. - $("선택자").parents() : 선택된 요소의 모든 상위요소들을 선택한다. - $("선택자").parents("선택자") : 선택된 요소의 모든 상위요소들 중에서 제시한 값과 일치하는 요소만 선택한다. - $("선택자").parentsUntil("선택자") : 선택된 요소부터 제시한 값까지의 모든 상위요소를 선택한다. div ul li span div p span 2. 자손 메소드 : 기준이 되는 요소의 하위요소들을 선택하는 메소드 - $("선택자").children() : 선택된 요소의 모든 자손요소(바로 아래 하위요..

필터링 관련 선택자 이름 혈액형 거주지 박지원 B 파주 남이 B 양주 이도 B 서울 홍길동 O 부산 총인원 4명 필터링 관련 메소드 : 기준이 되는 요소 중 특징 요소만 걸러서 선택해준다. - first(), last(), filter(), eq(), not() test-1 test-2 test-3 test-4 test-5 test-6

function bet(num1, num2){ let tmp; // 각각 어떤 수가 더 클 지 모르므로 임시변수를 선언 let sum = 0; if(num1 > num2){ // tmp를 이용하여 더 큰 수를 num1으로 바꾸기 tmp = num1; num1 = num2; num2 = tmp; } for(let i = num1; i