param, request.getParameter, requestScope, request.getAttribute의 차이용어목적데이터유형접근 방식주용 사용처param파라미터 값 접근(EL)클라이언트 파라미터$(param.name)클라이언트에서 보낸 파라미터 접근request.getParameter파라미터 값 접근클라이언트 파라미터request.getParameter("name")클라이언트에서 보낸 파라미터 접근requestScope속성 값 접근 (EL)서버 측 속성${requestScope.name}서버에서 설정한 속성 접근request.getAttribute속성 값 접근서버 측 속성request.getAttribute("name")서버에서 설정한 속성 접근 1. param (EL Expression)역..

jsp는 개발자가 정의한 커스텀 태그들 중 많이 사용하는 것을 모아서 JSTL 이라는 라이브러리에 담아서 사용한다 1. JsTL 라이브러리 종류라이브러리접두사참조 주소역할코어chttp://java.sun.com/jsp/jstl/core변수지원,흐름 제어, URL 처리XMLxhttp://java.sun.com/jsp/jstl/xmlxml 관련처리, xml 흐름제어국제화fmthttp://java.sun.com/jsp/jstl/fmt국제화 처리, 메시지 관리, 국가별 통화처리($, 원화표시, ...)메뉴가 설정에따라 한글, 영어,한자로 표시데이터베이스sqlhttp://java.sun.com/jsp/jstl/sql데이터베이스 접근함수fnhttp://java.sun.com/jsp/jstl/fncollection,..

EL은 java bean의 property이다. jsp는 스크립트의값을 간결하고 편리하게 사용하기 위해 EL을 사용한다. 1.EL표현언어EL 은 $ 와 {} 만 사용하여 값을 표현한다. 이때, {} 안에는 값으로 표현되는 것만  와야한다.  처럼 쓰는대신 아래와 같이 쓸 수 있다.${x}: x 변수의 값을 출력   ${arr[0]} 또는 ${arr['0']}: 배열 arr 안의 0번째 값👉${member.name} 또는 ${member['name']} : member 객체의 getName() 호출한다 👉  2. EL 기본객체(내장객체) 11대기본객체jsp 내장객체와 비교pageContextpageContext  객체pageScopepage 객체 참조requestScoperequest 객체 참조sess..

홈쇼핑 고객과 매출관리를 위한 프로그램이다. 회원등록 및 수정∙삭제, 회원 조회, 회원매출조회 업무가 가능하도록 하는 프로그램을 본 포스팅에서 다뤄보겠다.1. 회원 정보와 매출 정보 테이블 생성sql작성CREATE TABLE MEMBER_TBL ( custno number(6) primary key -- 회원번호 숫자(6) 기본키 번호자동증가 , custname varchar2(30) not null -- 회원이름 문자(30) 필수입력 , phone varchar2(20) -- 전화 문자(20) , address varchar2(150) -- 주소 문자(150)..

// 최상단에 jquery를 추가해주자 1. 정의🐲AJAX (Asynchronous JavaScript and XML) Ajax는 브라우저에서 비동기적으로 서버와 데이터를 주고받기 위해 사용되는 기술이다. Ajax는 주로 XMLHttpRequest 객체를 사용하여 구현하며, XML, JSON, HTML 등의 데이터를 처리할 수 있다. 🐲 Axios Axios는 자바스크립트의 HTTP 클라이언트 라이브러리로, 비동기 HTTP 요청을 더 간편하게 처리할 수 있도록 도와준다. 🐲 Fetch fetch는 자바스크립트의 내장 함수로, 브라우저에서 비동기 HTTP 요청을 보내기 위해 사용된다. 2. 사용법🐲 Ajax참고: [jquery] ajax() [jquery] ajax()ajax()old 문법 $.ajax( ..

🐲기본문법$.get(url, data, success);==$.ajax({url:loc, method:'get', success:function(){}})url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 전송할 데이터. 객체 형태로 전송할 수 있으며, 쿼리 문자열 형식()으로 자동 변환됨.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 받는다. $.get('https://api.example.com/data', { id: 123 }) .done(function(response) { console.log(response); }) .fail(function(jqXHR, textStatus, errorThrown) { console.error('Error:..

🐲ajax()old 문법 $.ajax( { url : loc, data : , success : function( data ) { // responseXML }, error : function(xhr, status, error) { } })url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 객체 형태로 제공되며, 쿼리 문자열 형식으로 변환된다.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 매개변수로 받는다.error (선택):요청이 실패했을 때 호출되는 콜백 함수입니다. 이 함수는 세 가지 매개변수를 받을 수 있다: xhr: XMLHttpRequest 객체 status: 오류 상태 (예: "timeout", "error", "abort", "parse..

db서버(sql)의 데이터를 꺼내서 아래 파일들로 가공한 후에 클라이언트(ex.chrome) 컴퓨터에 어떻게 저장할것인가/? 이때 가공할때 java//jsp/spring에서 가공하는데 이때 이용되는 서버가 was서버 오라클의데이터를 가지고와서 자바가 바꾸고 html/css/javascript/png/mp4에 넣어줌 웹서버(text(csv),html,xml,json)을 html로 많이 바꿈데이터 처리 및 클라이언트 저장 방식DB 서버에서 데이터를 가져와 WAS 서버에서 가공한 후, 웹서버를 통해 클라이언트에 저장한다. 이때, Java, JSP, Spring 등의 기술을 활용하여 데이터를 가공하고, 다양한 형식(HTML/CSS, JavaScript, PNG, MP4)으로 변환하여 클라이언트에 전달한다. 데이..

Item (명명된 매개변수) - 처리할 현재 요소(값)Index (선택적 매개변수) - 처리할 현재 요소의 인덱스(배열 위치)jquery방식 반복문 : $.each(배열,function(index, item){})js방식 반복문 : 배열.forEach(function(item, index){}) 배열예제let arr = [ { name : 'Naver', link : 'https://www.naver.com' }, { name : 'Daum', link : 'https://www.daum.net/' }, { name : 'Nate', link : 'https://www.nate.com' }, { name : 'Google', link : 'https://www.google.com/' }, { name :..

Json( JavaScript Object Notation ) : Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷이다.  기본적으로 Javascript 객체 리터럴 문법을 따르는 문자열이다.data:javascript object - 필드변수와 함수가 함께 존재 json data - 필드변수만 존재 { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIden..