dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.3' compileOnly 'org.projectlombok:lombok' developmentOnly 'org.springframework.boot:spring-boot-devtools' runtimeOnly 'com.h2database:h2' runtimeOnly 'com.mysql:mysql-connector-j' annotationProcessor 'org.projectlombok:lombok' providedRuntime 'o..

[JavaScript] 18. AJAX와 Fetch 1. AJAX=>AJAX는 웹 페이지에서 서버와 비동기적으로 데이터를 주고받기 위한 기술이다! 2.  Ferch API(1) Fetch API의 개 3. 시나리오 코드(1-1) JSON PlaceHolder를 출력해보기 통신 요청   (1-2) await/async를 통해 출력해보기 통신 요청   (2) 응답 주고 받기 통신 요청 통신 요청

[JavaScript] 17. Promise 타입 1. Promise 타입의 이해(1) Promise 타입의 개념(2) Promise 타입의 3가지 상태대기(pending)이행(fulfilled)거부(rejected)*비동기 통신:*웹 브라우저=일종의 해석기!웹 브라우저 내부에는 자바스크립트 엔진이 존재하며, 이는 싱글 스레드로 동작한다.메모리 힙(Memory Heap) 데이터를 임시 저장하는 곳콜 스택(Call Stack) 2. Promise 타입 선언과 활용(1) async (2) await (3) 명시적 체인 (Explicit Chaining)  3. 시나리오 코드(1) 커피 주문하기 Promise Callback Test   (2) 소주 주문하기 -> 재고 소진 메세지 Promis..

1. 파일 유효성 검사// 유효성 검사 if(filePart==null || filePart.getSize()==0) { // 파일 전송 x 확인 response.setContentType("text/html"); response.getWriter().println("첨부 파일을 추가해주세요!"); return; }  2. 파일 원본 이름 가져오기// 사용자가 올린 파일 원본 이름을 가져온다. // String originFileName=filePart.getSubmittedFileName(); String originFileName=Paths.get(filePart.getSubmittedFileName()).toString(); System.out.println("originFile..

1. index.jsp 제목 : 첨부 파일 : 전송   2. FileUploadControllerpackage com.tenco.controller;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;import jakarta.servlet.http.Part;import java.io.IOException;@WebServlet("/u..

[JSP] JSP 파일 업로드하기 1. HTTP 메세지에서의 이진 데이터와 텍스트 형태(1) 텍스트 기반 -> text/plain (2) 이진 데이터 기반 -> application/octet-stream-해당 타입으로 지정된 경우, 본문 데이터는 그대로 전송된다. 해당 MIME 타입은 바이너리 데이터를 나타내며, 서버가 이를 특별한 인코딩이나 디코딩 없이 원시 데이터로 취급하게 한다. 2. multipart/form-data MIME TYPEmultipart/form-date는 주로 웹 애플리케이션에서 파일 업로드와 같은 복합적인 데이터 전송에 사용되는 형식이다.(1) 텍스트 데이터(2) 바이너리 데이터(3) multipart/form-data 형식의 특징

[JavaScript] 16. 이벤트 처리 - 배너 변경하기  prev next   prev next

[JavaScript] 15. 쿼리 셀렉트문과 클래스 선택자  ♡ ♡ ♡   ♡ ♡ ♡   ♡ ♡ ♡

더보기   https://github.com/BHbae/green_university/blob/main/README.md green_university/README.md at main · BHbae/green_universityContribute to BHbae/green_university development by creating an account on GitHub.github.com

[JavaScript] 14. 이벤트 처리 - 이미지 토글 1. 심볼즈란?(1) 심볼즈(Symbols)는 문자나 기호를 의미한다. 웹 페이지에서 사용할 수 있는 다양한 문자나 기호가 있고, 이런 문자나 기호는 특정 코드를 사용하여 웹 페이지에 표시할 수 있다. https://www.htmlsymbols.xyz/unicode/U+1F493 HTML Symbols...www.htmlsymbols.xyz   💓   ♡   ♡   ♡ example   💡DOM의 리턴 타입 : HTMLCollection, NodeList, Node