Today I Learned FileUpload - 회원가입시 첨부한 이미지파일은 Mypage에서 출력됨 - MemberDAO public int addFile(MemberFileDTO memberFileDTO) throws Exception { return sqlSession.insert(NAMESPACE + "addFile", memberFileDTO); } - MemberFileDTO package com.spring.s1.member; public class MemberFileDTO { private Long fileNum; private String id; private String fileName; private String oriName; public Long getFileNum() { re..
Today I Learned QnA 답글 - Reply File Upload - Client 컴퓨터에 저장되어 있는 파일(이미지, 동영상, 문서 등)을 Server 컴퓨터로 전송 1. 준비사항 1) Library 다운(pom.xml) - commons-fileupload commons-fileupload commons-fileupload 1.4 2) form 태그의 method 형식은 post, enctype="multipart/form-data"로 변경 - 첨부파일이 없는 폼은 enctype은 기본으로 설정 3) Server에서 여러 개의 파일 조각들을 하나로 합쳐주는 역할을 하는 객체를 생성 - ***-context.xml 4) form 태그에 파일 태그 추가 5) Controller의 메서드 - 매..
Today I Learned Board 추가 notice와 qna 겹치는 부분 board로 통일 BoardDAO, BoardDTO, BoardService 생성 Notice, Qna는 Board를 extends, implements 해서 사용 JSP 부분도 board로 통일 QnA - 답글, 댓글 ref, step, depth 사용 ref : 원본글과 답글들을 그룹으로 묶는 역할 step : 그룹 내에서 순서를 결정하는 역할 depth : 들여쓰기 횟수 - 원본글 작성 1) ref : 자기 자신의 글번호가 ref 값이 됨 2) step : 0 3) depth : 0 - 답글(댓글) 작성 1) ref : 부모글의 ref를 자기의 ref값이 됨 2) step a. 테이블에서 ref가 부모의 ref와 같고 s..
Today I Learned Java Script Event - keyboard 이벤트 keydown : key를 눌렀을 때, 특수키 포함 keypress : key를 눌렀을 때, 특수키 제외 keyup : key를 눌렀다가 뗐을 때 - form 이벤트 focus : 입력 대기 상태 blur : focus 잃었을 때 submit : form을 서버로 요청 발생 reset : form 내부의 데이터를 초기화 change : 값이 변경되었을 때 내장 객체 - Object : 최상위 객체 - String : 문자열 다루는 객체 1) length : 문자열의 길이 예제 소스 코드 더보기 1) event2.html Event 2 event2.js const d1 = document.getElementById('d..
Today I Learned JavaScript 1. function - 함수 선언 function 함수명 ([매개변수 선언]) { [return ] } - 함수 호출 : 함수명([인자값]); 2. event - 마우스 이벤트 click - 등록 : 선택자.addEventListener("이벤트명", 익명함수선언 또는 함수 호출) JoinCheck JavaScript - 약관 동의 선택하기 - 전체 동의 체크박스 생성 - 약관에 모두 동의가 체크되어 있을 경우에만 Join 버튼 누르면 Join Form으로 이동 더보기 const checkAll = document.getElementById("checkAll"); const check = document.getElementsByClassName("chec..
Today I Learned GIT 1. Main과 Add_BB_Pager 브랜치 Merge 작업 2. 새로운 Branch 'Study_JS_1' 생성 JavaScript - 인터프리터 언어 - 내부 : - 외부 : - 변수 선언 : let 변수명 - 연산자 : 산술, 논리, 비교, 증감 * 제어문 - for(let i in arr) : 변수 i에 인덱스 번호가 대입 - for(let i of arr) : 변수 i에 arr값 중 하나가 대입 * 배열 - 초기화 : let arr = []; - 주요 메서드 1) push(data) : 배열 끝에 요소를 추가하고 새로운 길이 (length) 반환 2) pop() : 배열 끝에 요소를 삭제하고 삭제한 요소를 반환 3) unshift(data) : 배열 처음에 ..
Member Branch 다 커밋하고 메인이랑 Merge 서버로 요청 - URL, Method, Parameter 웹 브라우저에 주소창에 직접입력 : URL a태그 : href form 태그 : action JS ajax BankBook update 추가 bookNumber은 update 페이지에서 readonly , hidden 사용 Notice update 추가 writer, regDate, hit : 수정 안함 title, contents 만 수정 가능 CSS 생성 및 적용 Login, Join - form.css 적용 참고사이트 : https://codepen.io/joaomarcossb/pen/qBVXOxj?editors=1100 portal-login ... codepen.io
Today I Learned Cookie - Server에서 생성된 Cookie를 Response 에 담아서 Client로 전송 1) Cookie [] cookies = request.getCookies(); 2) @CookieValue(value="Cookie의 이름", required = false, defaultValue="값") String value - setMaxAge(0)으로 삭제 Session - Session 객체를 식별하는 sessionId를 생성해서 Cookie로 Client 에 저장 - void setAttribute("key", Object) : Session 속성에 Data 저장 - void invalidDate() : Session 삭제 JSTL Memb..
Today I Learned - Notice에 Delete 추가 - Member 테이블 생성 -- Member table 생성 -- PK ID, -- email, phone 중복 불가, not null (PK 아님) -- Table 레벨 방식 CREATE TABLE member ( id varchar2(100), pw varchar2(100), name varchar2(100), phone varchar2(100) NOT NULL, email varchar2(100) NOT NULL, CONSTRAINT m_id_pk PRIMARY KEY (id), CONSTRAINT m_phone_uq UNIQUE (phone), CONSTRAINT m_email_uq UNIQUE (email) ); -- 로그인 시 ..
