멋쟁이v의 개발일지

[목차]01. 로그인 폼에서 아이디, 비밀번호 받기02. 아이디, 비번 일치 조건 비교03. session 셋팅 후 index.jsp로 redirect04. session 데이터 확인05. 로그인 전과 후 화면 전환06. 로그아웃07. 권한별 메뉴변경(조건문)08. 경고창 로그인 처리 👉🏻아래 회원관리 화면 구현에서 이어지는 내용입니다. 참고하세요.📕[JSP] post, get 방식으로 회원관리 화면 구현(진짜화면) 01. 로그인 폼에서 아이디, 비밀번호 받기💡1️⃣ 로그인 폼 만들기 ➡️ 아이디 : / 비밀번호 : / 로그인버튼 2️⃣ 로그인 버튼 경로 설정 3️⃣ 아이디와 비밀번호를 입력 받아서 출력한다. (login_action.jsp) 4️⃣ 콘솔창 확인[코드예제] top.jsp 상단 메뉴 01 ..

/* top.jsp 이동 */ 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 /* ------------------------------ */ /* left.jsp 이동 */ 왼쪽 메뉴 /* ------------------------------ */ index.jsp 화면입니다. /* hadan.jsp 이동 */ 한국스마트정보교육원 /* ------------------------------ */ [코드예제] top.jsp 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 [코드예제] left.jsp 왼쪽 메뉴 [코드예제] hadan.jsp 한국스마트정보교육원 변경 후 index.jsp index.jsp 화면입니다. 02. include를 활용한 화..

상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 왼쪽 메뉴 index.jsp 화면입니다. 한국스마트정보교육원 03. 회원 조회 화면💡1️⃣ 상단 메뉴의 회원 조회 버튼에 경로를 설정해준다. 2️⃣ 클릭 후 테이블 형식의 회원 리스트 화면이 나온다.👉🏻기존 화면의 회원조회 a태그 요소에 경로 설정하고, 복사한 후 user_list.jsp 파일을 만들고 붙여넣고, 오른쪽 컬럼 부분에 테이블로 형태로 리스트를 만들어 준다.// index.jsp 파일에서 회원조회 경로 설정 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 [코드예제] user_list.jsp 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 왼쪽 메뉴 번호 아이디 비..

[목차]01. post 방식02. get 방식 01. post 방식💡1️⃣ form.jsp 파일에 로그인 폼을 만들고 action 속성에 경로 설정한다. 2️⃣ 로그인 화면에서 값을 입력한다. 3️⃣ 입력한 값을 action.jsp 파일에서 가져와서 출력한다. (name 속성값)[코드예제] form.jsp 회원 가입 화면 아이디 : 비밀번호 : 이름 : 전화번호 : 이메일 : [코드예제] action.jsp➡️ post 방식 한글 처리 : request.setCharacterEncoding("euc-kr"); id : pw : name : phone : email : 02. get 방식💡1️⃣ post 방식으로 데이터를 받는다. 2️⃣ 받은 데이터를 경로에 넣어준다.// action.jsp 파일에 a태그..

상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 왼쪽 메뉴 index.jsp 화면입니다. 한국스마트정보교육원 03. 회원 조회 화면💡1️⃣ 상단 메뉴의 회원 조회 버튼에 경로를 설정해준다. 2️⃣ 클릭 후 테이블 형식의 회원 리스트 화면이 나온다.👉🏻기존 화면의 회원조회 a태그 요소에 경로 설정하고, 복사한 후 user_list.jsp 파일을 만들고 붙여넣고, 오른쪽 컬럼 부분에 테이블로 형태로 리스트를 만들어 준다.// index.jsp 파일에서 회원조회 경로 설정 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 [코드예제] user_list.jsp 상단 메뉴 01 회원 가입 02 회원 조회 03 상품 등록 04 상품 조회 왼쪽 메뉴 번호 아이디 비..

1 2 3 02. 요소가 쌓이는 순서💡우리가 화면에서 볼 수 있는 요소 중 어떤 요소가 사용자와 더 가깝게 있는지(더 위에 있는지) 결정하는 것입니다.조건1️⃣ 요소에 position 속성과 값이 있는 경우에는 더 위에 쌓인다.2️⃣ 모든 요소에 position 속성과 값이 있는 경우에는 z-index속성의 값이 더 높으면 위에 쌓인다.z-index 숫자가 높을수록 위에 쌓인다3️⃣ 1,2 번까지 조건이 같은 경우에는 나중에 작성된 경우 위에 쌓인다. 03. 변환💡요소를 변환하는 속성입니다.항목👉🏻원근법, 이동, 크기, 회전, 기울임➡️ 요소를 이동시키는 함수 translate();➡️ 요소를 회전시키는 함수 rotate(deg); (degree각도) 04. 전환💡하나의 스타일을 완전히 다른 스타일로 바..

[목차]01. 색상 표현02. 박스 모델03. 여백을 지정하는 속성들04. 배경 01. 색상 표현💡색을 사용하는 모든 속성에 적용 가능합니다.1) 색상의 이름을 작성브라우저에서 제공하는 색상 이름을 입력한다.간단한 색상 표현은 가능하지만 명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다. 2) Hex(Hexadecimal)16진수 색상 코드#으로 시작하며 가장 많이 사용한다. 3) RGB빛의 삼원색Red, Green, Blue 4) rgba빛의 삼원색 + 투명도(0~1) 02. 박스 모델💡html 요소의 기본적인 모양을 만드는 속성입니다. 요소의 너비, 높이, 내부 여백, 외부 여백 등1) 요소의 너비와 높이 (width, height)기본값 : auto, 브라우저가 너비를 계산 2) 요소의 최..

붉은색 붉은색 검은색 붉은색 💡(1) 이름은 기억하기 쉽고 명확한 이름을 작성합니다. (2) 이름은 절대로 숫자 또는 특수 기호로 시작하면 안됩니다. (3) 클래스 이름은 소문자로 작성하며 단어 뒤에 다른 단어가 나오면 _(언더바) 또는 -(대쉬)로 구분합니다. [코드예제] 기본 선택자 사과 딸기 블루베리 사과 사과 비빔밥 초밥 [코드예제] 기본 선택자 실습[html.html] 태그 선택자 태그 선택자 클래스 선택자 클래스 선택자 아이디 선택자 클래스 중복 가능 [main.css]@import url("./sub.css"); span { color: blueviolet; text-decoration: underline; background-color: aqua; } .main_div { backgroun..

index 입니다. HOME NOTICE LOGIN SIGNUP [notice.html] NOTICE 입니다. HOME NOTICE LOGIN SIGNUP [login.html] LOGIN 입니다. HOME NOTICE LOGIN SIGNUP [signup.html] SIGNUP 입니다. HOME NOTICE LOGIN SIGNUP 05. css 연결 방법 4가지1) 내장 방식웹 문서 안에 사용할 스타일을 정리하는 방식html 문서의 head 영역에 style 작성html 문서 내부에 작성하기 때문에 내장 방식 또는 내부 스타일 시트라고 부른다.장점별도로 css 파일을 작성할 필요 없이 내부에서 작성 가능단점css 내용이 많아지는 경우 HTML문서 내에서 한번에 처리하기 어렵다.💡웹 표준 : 프론트엔드 ..

[목차]01. mysql 드라이버 로딩02. Connection 객체로 DB 연결03. Query 실행을 위한 준비(객체 생성)04. Query 실행05. Query 실행결과 사용06. 객체, DB연결 종료 01. mysql 드라이버 로딩라이브러리 사용(mysql-connector-java-8.0.28.jar)👉🏻Class.forName(”com.mysql.jdbc.Driver”); 02. Connection 객체로 DB 연결Connection 객체 생성➡️ Connection interface 데이터 타입으로 conn 객체참조변수 선언객체 생성을 위한 변수값 세팅(ip, port번호, db명, db접속id/pw) ➡️ getConnection 메소드는 static으로 선언되어서객체 생성 없이 Drive..