CLASS/SERVLET20 #8-2 / 게시판 insert 모듈화... 게시판 insert 모듈화..... 선생님.. ⚡ 게시판 insert 모듈화.....- qa_writeok2.java@MultipartConfig( fileSizeThreshold = 1024 * 1024 * 2, maxFileSize = 1024 * 1024 * 10, maxRequestSize = 1024 * 1024* 100)public class qa_writeok2 extends HttpServlet { private static final long serialVersionUID = 1L; PrintWriter pw = null; ArrayList al = null; ArrayList> all = null; protected void doPost(HttpServletRequest req, .. 2024. 6. 21. #8-1 / 게시판 login.html 과 이어짐-> top.jsp 에 추가 ( ) => top.jsp 아래 qawrite.jsp가 들어감 로그인| 회원가입 | 고객센터 님 환영합니다. | 장바구니 | 고객센터 | 🔽 🔽 글쓰기 input 검토 등 기능 js로 구현 ⚡ 파일첨부 input 핸들링 찾아보기 + 추가 $.fn.fileck = function(){ var $fnm = .. 2024. 6. 21. #7-3 / 첨부파일 기능 + database 저장 https://dev-eunse.tistory.com/155 예제의 html파일에 review 받는 input 추가리뷰내용 : 🔽 create table filelist( fidx int(7) unsigned not null auto_increment, f_img text null, f_text varchar(200) not null, f_indate timestamp not null default current_timestamp, primary key(fidx) ); 🔽 ⚡ 리뷰등록 fileok2.java@MultipartConfig ( fileSizeThreshold = 1024*1024*2, maxFileSize = 1024*1024*10, maxRequestSize = 1024*1024*1.. 2024. 6. 19. #7-2 / 첨부파일 기능 - java + io cos 사용하는 방법도 잇음 - 궁금하면 google에 쳐보세욘 이 예제는 database 전달 없음⚡ 첨부파일 기능첨부파일은 get으로 날릴수 없음 => post로만 날릴 것!- fileupload.html enctype : 기본(따로 작성안할시)이 application/x-www-form-urlencoded 으로 되어있음 multipart/form-data : input type이 파일일 경우는 무조건 이걸로 받아야함form태그 속성 첨부파일 : - fileok.java@의 역할 - 첨부파일 환경설정 세팅@MultipartConfig( )fileSizeThreshold :한개의 파일 전송 크기maxFileSize = 업로드 가능한 최대 크기 maxRequestSize = 여러개의 파일 전체 .. 2024. 6. 19. #7-1 / 회원 가입 후 로그인,로그아웃 👀 참고out.print(); : 웹페이지(jsp)에 출력로그인| 회원가입 | 고객센터님 환영합니다. | 장바구니 | 고객센터님 환영합니다. | 장바구니 | 고객센터 요것도 가능!--> * session 가져올 시 null일 경우 String으로 변환 관련 https://dev-eunse.tistory.com/153⚡ 회원가입 후 로그인기능 이전 과정들은 https://dev-eunse.tistory.com/150 여기에 있음! = 회원가입(sql data 저장) + 로그인(성공시 세션저장)- top.jsp 로그인| 회원가입 | 고객센터 님 환영합니다. | 장바구니 | 고객센터 | - logout.java (.do)public class logout extends HttpServlet { p.. 2024. 6. 19. #6-3 / storage ⚡ 1. local storage 사용법( - front 주로사용)key값은 중복 불가!! ⚡ 2. session storage 사용법(- backend 주로 사용) => 1,2파일 닫아도 localstorage도 product,냉장고 들어가있음 - 창 닫았다 켜도 계~~~~속 남아있음∴ 아이디 비밀번호 이런거 넣으면 절~~~~~대 안됨!! session storage는 해당페이지에서만 작동 - 창 닫을시 사라짐 (해당페이지에서만 사용 가능하기때문에 백엔드가 주로 사용) 🔽 로그인 저장https://dev-eunse.tistory.com/150 여기서 하던거를 로그인 저장기능 붙이기⚡ localstorage 이용한 로그인 정보 저장사실 이 기능을 실무에서 잘 만들진 않음 회원 로그인 .. 2024. 6. 18. #6-2 / session,cookie ❓cookie브라우저의 cache 메모리에 값을 저장하는 방식최대 20개까지밖에 저장 불가(cache 메모리에 한계가 있음 - 4KB)java,js 둘다 있음 (back,front)최근엔 cookie로 사용하는 형태에서 storage사용하는 형태를 주로 사용하는게 추세ex) 오늘 하루 팝업 닫기 , 아이디 저장session 일정시간동안 브라우저에 해당 값을 저장,유지시키는 방식(일정시간 지나면 파기됨)java (backend전용)server , web.xml 에서 세팅브라우저별로 각각 작동됨, 사용 브라우저 닫았다가(tab x) 키면 파기됨ex) 은행 로그인시 일정시간 유지 5storage(session)cache메모리localstorage(js-frontend) , sessions.. 2024. 6. 18. #6-1 / 간편 회원가입⭐ ⚡ 회원가입- html 회원 로그인 아이디 : 패스워드 : 로그인 - module : database 접속 환경설정 파일 생략 (https://dev-eunse.tistory.com/148 와 동일)- servelete (insertok.java)public class insertok extends HttpServlet { private static final long serialVersionUID = 1L; dbconfig db = new dbconfig(); //db정보 PrintWriter pw = null; private Connection con = null; //보안 중요 private Statement st =.. 2024. 6. 18. #5 / 🌺 MVC? / excute,statement정리 mysql-memo에 연습버전도 잇음 👀 초반 설명 java => jquery + javascript => mysql => servlert => jsp⚡ MVC :java -> Servlet + Class -> jspServelt : Controller (통신 언어를 받음)Class : Module (순수 java)Jsp : View (html,css,jquery 등 여러가지 담당)=> 각 해당 역할이 아닌 다른 역할을 작성할시 👎view ↔ Controller ↔ Module꼭 거쳐야만 전달 가능참고 : https://dev-eunse.tistory.com/110 ⚡ dababaseRDBMS : mysql,mssql..등DBMS : nosql 등=> database 연결 시 라이브러리가.. 2024. 6. 17. #4-2 / 동의 체크박스 Map 배열로 받기 결과출력 예시 : {agree1=Y,agree2=N ..} - map배열 : https://dev-eunse.tistory.com/78⚡ 체크박스 확인 => map으로 받기 전체선택 (필수)개인회원 정보 동의함 (필수)이용약관 동의함 (선택)청소년 보호정책 동의함 (선택)제3자 정보 수집 동의 public class test6 extends HttpServlet { private static final long serialVersionUID = 1L; Map agdata = null; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletExcept.. 2024. 5. 31. #4-1 / html에서 java class로 값 전달,로그인 예제 ❗ 정규식 형태의 코드(replace,replaceAll 등)를 사용시 intern() 메소드를 로드하지 않을 경우 equals 사용해야함//공백 제거 replace String no = request.getParameter("no").intern();String word = no.replaceAll(" ", "").intern();System.out.println(word);if(word =="") { System.out.println("값을 입력하세요"); }else{ System.out.println("입력완료");} ⚡ 로그인 예제 - 정보 java로 전달 (step 형식) ▶ 2가지 형식이 있음1. html -> backend -> html -> backend : 한개의 do fil.. 2024. 5. 31. #3-3 / html-> html 값 전달 - html -> html 값 전송시 form method="post" 는 사용 불가 (post : 백엔드로 전달할 시에만 핸들링 가능) ❗ only get 사용- get 방식 : url 뒤에 ?파라미터값 붙음 ⚡ 타이틀* step1.html 고객명 : SMS 수신동의(선택) 이벤트 수신동의 카카오톡 푸시알림 🔽* step2.html- decodeURIComponent(값) : 파라미터에 한글을 가져올시 깨지므로 decode로 출력 ( decodeURIComponent : js / decodeURI : es ) - getElementsByName : name은 기본이 원시배열 형태를 구성함 ex) abc[0].value 고객명 : SMS 수신 여부 : N 이벤.. 2024. 5. 30. #3-2 / 암호화(security) base64 암호화 함수- 암호화를 이용하여 사용자가 입력한 값을 다른 문자로 변환 가능하며 복구화 가능- 결제금액 등 보안이 약해도 되는 항목에 적용 - 개인정보에선 사용하지 x (복구화가 가능하기 때문에) window.btoa(값); : 사용자가 입력한 값을 base64 암호화window.atob(값); : base64 암호화한 값을 원래 단어로 복원한글 : window.btoa(encodeURIComponent(값));⚡ javascript 암호화 (base64) 비밀번호 : 고객명 : ⚡java 암호화 (base64)- 모든 암호화는 byte로 변환이 되어서 사용해야함base64 encode 사용법 : 문자를 byte로 변환 후 해당 byte를 라이브러리를 통하여 암호.. 2024. 5. 30. #3-1 / form 예제 MVC: Module(class) , View(JSP) , Controller(Servlet)⚡ SPA 로그인 - 일반회원,사업자 : 해당 조건 외에는 로그인 실패하는 프로세서 제작radio,checkbox name이 동일한 경우 java에서 배열로 사용ex) 2개 => part[0],part[1]!! radio,checkbox onclick="함수명(this.value)" 활용시 해당 value값 인자로 전달 !! good* html 일반 회원 사업자 회원 * java servlete 파일 - Controller(servlete) 담당public class loginok extends HttpServ.. 2024. 5. 30. #2-4 / double form 👀 한 페이지에 form 두가지 형태로 구성되었을 경우 1.각 form 안에 input type hidden으로 넣어 구분하는 방법(파라미터 x) 2. action에 파라미터값을 이용하여 구분하는 방법 (get + post 방식)action="./userinfo.do?part=1"action="./userinfo.do?part=2" => java에 doGet,doPost 둘다 사용 (Service) Service doGet,doPost 모두 통신ㅇ르 받을 수 있는 전용 메소드 Front에서 form과 action에 모두 값을 적용하여 보낼 경우 get,post 모두 필요하므로 해당 상황에 활용단, 한글이 깨질 수 있으므로 encoding 필수 3. action에 각각의 다른java 파일을 별도로 분리.. 2024. 5. 29. #2-3 / html 태그별 데이터 전송 ⚡ select, date, color 통신사 : 통신사를 선택하세요 SKT KT LGT 알뜰폰 예약 일자 및 시간 : 색상 선택 : public class htmlcode_ok extends HttpServlet { private static final long serialVersionUID = 1L; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=utf-8"); request.se.. 2024. 5. 29. #2-2 / 검색에 따른 get 전송방식 ⚡ get방식- 2가지 방식!form에 method에 get 입력 후 전송하는 방식form 전송 없이 location.href - 파라미터명,data값 이용하여 전송 검색어를 입력하세요 : --> 검색어를 입력하세요 : public class searchok extends HttpServlet { private static final long serialVersionUID = 1L; PrintWriter pw = null; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("te.. 2024. 5. 29. #2-1 / checkbox 및 라디오 핸들링 ❗ checkbox 는 기본적으로 value값을 적용하게 되어있음해당 값이 없을 경우 - null로 적용되며 해당 파라미터를 처음부터 변수선언 시 조건문에 error가 발생함또한 equals라는 메소드 사용면 문제 발생함=> 체크박스(checked 안되어있고) 체크 안할시 null값 들어옴 - 핸들링 불가 (checkbox만 !) 프론트에서 아무리 input type checkbox value값을 변경해줘도 체크가 되어잇지 않으면 뭐가됐는 걍 null로 들어옴 equals 도 절대 X ❗ radio 처리방식 : 무조건 데이터가 전송됨 (on / off 형태로 출력 - 중복 name값 사용하므로 value 무조건 사용) - intert() 사용시 연산기호 가능 ⚡ checkbox 자.. 2024. 5. 29. #1-2 / Front form태그 + servlet ✅ servlet - 데이터를 주고 받는 방식user 사용자가 url 입력🔽web Abache web.xml🔽html or jsp or .do 사용자가 정보 입력🔽form or afjax (with front)1. Form or ajax 데이터 전송 방식2. Post,Get,Put,Delete,... 3. name값 통일화 or 파라미터명 조율4. javascript 전송🔽web.xml 작동🔽java 핸들링(Servlet + Class + Abascact...등) ◀-▶ Database🔽결과출력 doPost : 프론트에서 request로 날라옴 (문자로)⚡ html + javaweb.xml.html 명칭과는 무관 /프론트가 html- form action에 url-pattern만 잘 .. 2024. 5. 28. #1-1 / Servlet start,setting JAVA -> OOP -> I/O -> Network -> Network(Servlet) Network(Servlet)에디터에 Java Web Develper가 있어야 돌아감 👀 servlet sts setting (기존 workspace가 잇엇다면 new workspace 변경) 1. preferences 세팅encoding 먼저 변경 - content types 의 text 안에있는거 싹다 바꿔줘야함intall/update updates - Autometic updates 체크박스 해제java copiler,installed jres 버전 맞추기 2. 서버 생성Apache Tomcat v8.5 , jre jdk-11 3. dinamic web project 생성target rundime : A.. 2024. 5. 28. 이전 1 다음
