Servlet - 모바일
·
Web
mobile.html 모바일 전용 상품 리뷰고객명 : 상품명 : 별점 : 1점3점5점리뷰 이미지 : 여기 사이에 값, 엔터, 주석 넣으면 값이 들어가버림 주의 -->리뷰 내용 : file의 모바일전용 디바이스 I/O 형태accept="image/*" capture="camera" => 실시간 사진 촬영 후 전송accept="video/*" capture="camcorder" => 실시간 동영상 촬영 후 전송accept="audio/*" capture="microphone" => 실시간 음성 녹음 후 전송안쓰면 고르는거 나옴ontouch : 모바일 전용 버튼 속성js 이벤트 핸들링 함수onclick, onsubmit, onchange, onkeypress, onkeyup, onkeydownECMAS..
Servlet - 기초4
·
Web
1. 배송 정보 입력 시스템키워드 : hidden, 즉시실행메소드, 클래스 배열 전송delivery.html 고객명 : 이메일 : @ 연락처 : - - 주소 :  hidden : Front, Back-end가 서로 약속한 값을 주고 받는 역할 새로 값을 만들어서 전달하고 싶을때 html에서 만들어서 javascript로 핸들링하여 form으로 값 전달 delivery.jsvar info_ok = function(){ var mail1 = document.getElementById("mail1"); var mail2 = document.getElementById("mail2"); var tel1 = document.getElementById("tel1"); var tel2 = document.ge..
Servlet - 암호화
·
Web
encry.java (servlet)package web;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;//Controllerpublic class encry extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet..
Servlet - 응용문제 [회원 가입]
·
Web
[회원 가입]키워드 : 약관동의 체크박스 전체선택 , 번호 중간 가리기, 서버에 저장된 이미지 출력 part1.jsp회원가입 약관전체선택서비스 이용약관 동의 (필수)개인정보 수집 및 이용 (필수)이메일 정보 수신 약관 (필수)광고성 정보 수신 (선택) part2.javapackage web;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet...
Servlet - 기초2
·
Web
1. radio, checkboxpoll.html[가장 자신있는 개발 프로그램 언어는?]HTMLJavascriptJavaServletSpring & bootFull Stack[배우고 싶은 언어는?]Linux ServerSpring AIVueRedis Database pollok.java (servlet)package web;import java.io.IOException;import java.io.PrintWriter;import java.util.ArrayList;import java.util.Arrays;import javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.annotation.We..
Servlet - 기초
·
Web
0. 프로젝트 만드는 순서HTMLCSSJavascript.java 파일 (servlet => post, get)web.xml 등록Controller에서 Front 값을 이관View가 필요할 경우 .jsp파일도 생성 1. 로그인 만들기login.html아이디 : 패스워드 : name속성은 Backend에게 전달되는 속성submit에 onclick : 더블이벤트 발생=> form으로 묶은 후 form에 onsubmit 사용    //submit을 사용하면 무조건 form 사용하기 form 사용 및 name 속성 이름을 이미 사용하였으므로 getElementById 없이 사용return 사용한 이유는 input에 submit을 사용했기 때문 web.xml web loginok web.login l..
공지사항 게시판 ver.2
·
Web
https://9na0.tistory.com/39 응용문제 - html + jsp상품검색html검색어 : jsp 아이디 찾기이름과 이메일을 받아 둘다 맞을경우 아이디를 출력html 이름 : 이메일 : jsp 공지사항 게시판공지사항을 등록하는 프로세서를 제작합니다.기존에 공지사항 데9na0.tistory.com응용문제 - html + jsp 의 공지사항 게시판 ver.2 html제목 : 글쓴이 : 내용 : 첨부파일 : jsp > alldata = new ArrayList();ArrayList al = null;//foreach로 1차 원시배열을 구분하여 클래스배열로 전달 for(String[] arr : notice){ al = new ArrayList(Arrays.asList(arr)); //원시 ..
응용문제 - html + jsp
·
Web
상품검색html검색어 : jsp 아이디 찾기이름과 이메일을 받아 둘다 맞을경우 아이디를 출력html 이름 : 이메일 : jsp 공지사항 게시판공지사항을 등록하는 프로세서를 제작합니다.기존에 공지사항 데이터가 있으며,front에서 신규로 등록된 공지내용을 포함하여 backend에서 공지사항 전체 리스트를 출력하셔야합니다.단, 글쓴이는 admin만 사용 가능하며 그 외에 다른 글쓴이로는 등록이 불가능합니다.html제목 : 글쓴이 : 내용 : jsp > allnd = new ArrayList>(); int i = 0; while(i nd = new ArrayList(Arrays.asList(notice[i])); allnd.add(nd); i++; ..
복습 7 - 2차key배열
·
Web
외부 배열 데이터를 로드하여 다음과 같이 결과가 나오도록코드를 작성http://mekeyace.dothome.co.kr/datalist.js데이터 변수명 : productlista_view라는 key중에서 Y에 해당하는 값만 출력만약 판매가격만 있고 할인율 및 할인금액이 없는 상품은 콘솔에서 판매 가격만 출력콘솔로 출력[결과]상품명 : 볼티아 트림 부츠컷 팬츠 //key : a_wktitle판매가격 : 24200 //key : a_wkpd할인율 : 40% //key : a_wkdp할인금액 :14500 //key : a_wkap상품명 : 더보이핏 데님팬츠판매가격 : 34800html코드js코드var i = 0;console.log("----------");while (i 결과콘솔로그를 아끼지말고 여기저기 ..
복습 6 - 2차원시배열
·
Web
2차배열 응용배열의 데이터 리스트로 HTML에 출력 (역순)리스트 전체보기리스트 내용 검색 data.js var news = [ ["뉴스제목1","프레시안","2025-01-14"], ["뉴스제목2","연합뉴스","2025-01-16"], ["뉴스제목3","프레시안","2025-01-17"], ["뉴스제목4","서울신문","2025-01-20"], ["뉴스제목5","YTN","2025-01-22"]]re8.html언론사 검색 : re8.jsvar search_word = ""; //검색단어 전역변수var all_view = "Y"; //전체 리스트 핸들링var all_news = function(){ this.all_view = "Y"; news_datalist(); }var search_news = ..