[Mapping]@PutMapping C@DeleteMapping D@PatchMapping U API서버에서 받아서 디비에 넣어야해서 Rest형태로 만들어서 작동시킴  예 ) /api/data.do/{data} => 주로 배열로 처리해서 파라미터 형식으로 보냄 => 컨트롤 눌러서 들어가보면 파라미터로 받는게 JSON이랑 디티오같은게 없음 Jackson DTO로 받으려면 Jackson -> Ajax-> JSON Spring-boot가면 Jackson 필요없음  GSON : 구글에서 제공하는 라이브러리  ==========통신 방식이 다름=========== @GetMapping, @PostMapping R => HTML 형식으로 Server에 전송 (name="")형태 => JSON 허락 예) /api..

ajax8.do 방식: GET JS 코드fetch('./ajax8.do') Controller@GetMapping("/ajax8.do")@ResponseBodypublic String ajax8() { return "hello";} 설명쿼리 파라미터 없이 단순 GET 요청컨트롤러에서는 파라미터 없이 단순 처리 ajax9.do 방식: GET + 쿼리 파라미터 JS 코드fetch('./ajax9.do?mid=' + this.mid) Controller@GetMapping("/ajax9.do")@ResponseBodypublic String ajax9(@RequestParam("mid") String mid) { return mid;} 설명?mid=xxx 형태의 쿼리 스트링@RequestParam으..

1. 기본 버튼 이벤트 및 클래스 호출 예제document.querySelector("#btn").addEventListener("click", function() { new box2().abc("나옹이") new box2().bbb()})var msg = "테스트 !"class box { abc(data) { this.msg = data + " 데이터 확인" console.log(this.msg) }}class box2 extends box { bbb() { console.log("상속받은 클래스 bbb 메소드") }}정리querySelector("#btn"): id 기반으로 버튼 객체 로드addEventListener("click", ...): 이벤트 핸들러 등록class box와 class b..

Talented API Test 크롬 확장프로그램 설치해서 즉시즉시 테스트해보기   GET 방식 Ajax 전송 (Vanilla JS)1. 문자열 형태로 전송var data = "1,2,3,4,5"ajax.open("GET", "./ajax1.do?product=" + data, false)백에서 @RequestParam(name="product") String data로 받으면 "1,2,3,4,5" 문자열 그대로 들어옴split(",")로 처리해야 함2. 배열 형태로 전송var data = ["홍길동", "강감찬", "유관순"]ajax.open("GET", "./ajax1.do?product=" + data, false)배열을 product=홍길동,강감찬,유관순 형태로 보내게 됨백에서 @RequestPa..

해당 코드를 보면 버전이 1.2임  https://logging.apache.org/log4j/1.x/apidocs/org/apache/log4j/xml/doc-files/ 링크주소복사 후복사된거log4j.dtd를 지우고 붙여넣기

SLF4J  &  Log4jSLF4J는 "로깅 인터페이스(Facade)"고,Log4j는 "로깅 구현체"임역할 차이구분                                      SLF4J                                                                                     Log4j뭐임?로깅의 껍데기 (추상화된 인터페이스)실제 로그 찍는 놈 (구현체)직접 로그 찍음?❌✅유연함?✅ (뒤에 구현체 갈아끼기 쉬움)❌ (자기 방식만 고집함)목적다양한 로깅 시스템에 대응로깅 기능 자체 제공종속성 구조구현체가 필요함 (Log4j, Logback 등)단독 사용 가능비유하면?SLF4J = 콘센트 인터페이스Log4j, Logback = 실제 플러그를..

[제약조건]놀라운사실 ORACLE은 ENUM, SET이 없음 => 제약조건을 사용하여 ENUM처럼 사용하기제약조건을 제대로 쓴다면 id같은것도 걸기 가능 => length걸어서 최소5자 이상 이메일 안되는거도 걸고 이것저것 가능 🔸제약조건 생성컬럼 자료형 CONSTRAINT 가상명 CHECK(컬럼명 IN('조건값','조건값'))     제약조건을 사용하기 위한 속성을 이용하여 ENUM 형태의 구조를 사용 create table pay(MIDX NUMBER(3) NOT NULL,MID NCHAR(20) NOT NULL,MONEY NUMBER(8) NOT NULL,CARD_CORP NVARCHAR2(2) CONSTRAINT CC CHECK(CARD_CORP IN('신한','하나','국민')) NOT NUL..

웹 애플리케이션에서 날짜와 시간을 체크하는 기능은 필수적사용자가 유효한 날짜와 시간을 선택하도록 강제할 수 있기 때문1. 주요 함수 및 메서드 정리 new Date()현재 날짜와 시간을 가져오는 기본 객체예제: var date = new Date(); toISOString()날짜를 YYYY-MM-DDTHH:MM:SS.sssZ 형식의 문자열로 변환함split('T')[0]을 사용하여 YYYY-MM-DD 형식으로 변환 가능예제: var today = new Date().toISOString().split('T')[0]; getHours() & getMinutes()현재 시간을 가져오는 메서드getHours()는 0~23 값을 반환하며, getMinutes()는 0~59 값을 반환함예제: var hour = ..

개념Storage는 웹 브라우저에서 데이터를 저장하는 방식 중 하나임. 크게 localStorage, sessionStorage, extensionStorage가 있음종류 및 특징 localStorage해당 도메인 기준으로 데이터를 영구적으로 저장 (10MB)sessionStorage브라우저를 닫거나 새로운 탭을 열면 데이터가 삭제됨 (10MB)extensionStorage확장 프로그램에서 API 데이터를 저장하는 방식 (5MB)1. 데이터 저장 (localStorage, sessionStorage) LG 냉장고 LG 에어컨  abc() 함수localStorage와 sessionStorage에 데이터를 저장product(pdnum, pdname) 함수사용자가 특정 제품을 클릭하면 ..

저번에 사용한 MEMBER 테이블 이용create table MEMBER(MID NCHAR(20) NOT NULL,MNAME NCHAR(10) NOT NULL,MEMAIL VARCHAR2(100) NOT NULL,MTEL INTEGER NOT NULL,MPOST NUMBER(5) NOT NULL,MADDR NVARCHAR2(200) NOT NULL,MBIRTH DATE DEFAULT '0001-01-01',MJOIN TIMESTAMP DEFAULT CURRENT_TIMESTAMP,PRIMARY KEY(MID),UNIQUE (MEMAIL));[COMMENT]MySQL처럼 COMMENT '아이디' 한줄에 안쓰고 테이블 생성 후 따로 달아줘야함 🔸COMMENT 작성COMMENT ON TABLE MEMBER ..