티스토리

코드 & 코드

검색하기

블로그 홈

코드 & 코드

chordncode.tistory.com/m

크리스피코드 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

[Javascript] JSP에서 백틱(`)의 템플릿 문자열을 사용하지 못할 때 자바스크립트에서 백틱(`)을 사용하면 편리하게 문자열을 다룰 수 있다. const a = 'test'; console.log(`this is just a ${a}`); // this is just test 하지만 JSP에서는 이 달러 기호가 EL 표현식으로도 사용되기 때문에 정상적으로 작동하지 않을 수 있다. JSP에서 템플릿 문자열을 사용할 때는 백슬래쉬(\)를 사용한다. const a = 'test'; console.log(`this is just a \${test}`); // this is just test 공감수 0 댓글수 0 2023. 5. 9.
AES 암호화/복호화 AES(Advanced Encryption Standard; 고급 암호화 표준)는 암호화 및 복호화를 위한 대칭키 알고리즘이다. 여기서 대칭키란 암호화와 복호화에 동일한 키를 사용하는 방식이다. AES에는 AES-128, AES-192, AES-256이 있는데 뒤의 숫자는 키의 길이(bit)를 의미한다. 예를들어 키의 길이가 16자리(16byte = 128bit)일 경우 AES-128이 된다. Java에서 제공하는 SecretKeySpec 클래스와 Cipher 클래스, 그리고 암호의 인코딩 및 디코딩을 위한 Base64를 사용해 AES 알고리즘으로 암호화/복호화를 할 수 있다. package com.web.ddentist.security; import java.util.Base64; import java.. 공감수 0 댓글수 0 2023. 4. 24.
Not supported for DML operations JpaRepository에서 @Query 어노테이션을 이용해 DELETE문을 작성할 때 발생하는 에러 UPDATE, DELETE 쿼리에는 @Modifying, @Transactional 어노테이션을 모두 붙여야한다. import org.springframework.data.jpa.repository.Modifying; import org.springframework.data.jpa.repository.Query; import org.springframework.transaction.annotation.Transactional; @Modifying @Transactional @Query("DELETE " + " FROM Comment " + " WHERE commentId = :commentId " + ".. 공감수 0 댓글수 0 2023. 4. 17.
Spring Boot와 MariaDB 연동 후 java.util.concurrentmodificationexception: null Spring Boot와 MariaDB를 연동한 후 java.util.concurrentmodificationexception: null 가 발생했다. org.mariadb.jdbc mariadb-java-client runtime 위의 코드에서 runtime를 으로 바꾸니 해결되었다. org.mariadb.jdbc mariadb-java-client 3.0.8 공감수 0 댓글수 0 2023. 3. 27.
파일 삭제 (java.nio.file.Files) 0. java.nio.file.Files void delete(Path path) 파일 또는 디렉토리를 삭제하는 메서드. 해당 경로에 파일 또는 디렉토리가 존재하지 않을 경우 NoSuchFileException이 발생한다. 디렉토리의 경우 비어있어야 삭제할 수 있다. 비어있지 않을 경우 DirectoryNotEmptyException이 발생한다. 파일이 열려있거나 다른 프로그램이 사용 중일 경우에도 예외가 발생한다. public void deleteFile(String filename){ Path targetFile = Paths.get("D:\\uploads", filename); Path targetDir = Paths.get("D:\\uploads\\testdir"); try{ Files.delet.. 공감수 0 댓글수 0 2023. 3. 27.
혼합 데이터 타입의 JSON 데이터 받기 0. 혼합 데이터 타입 객체 혼합 데이터 타입 객체 (Mixed Data Type Object)는 다양한 데이터 타입이 공존하는 객체를 말한다. let data = { name : 'test', job : 'student', hobby : ['soccer', 'movie', 'videogame'] } 특히 공공데이터 API를 활용하다보면 문자열과 배열이 복잡하게 얽힌 JSON 데이터를 볼 수 있다. 1. GSON 사용하기 Gson을 사용하여 이 복잡한 JSON 데이터를 손쉽게 자바 객체로 변환할 수 있다. 우선 받고자하는 데이터와 비슷한 형태의 클래스를 만든다. 위의 자바스크립트객체를 JSON으로 변환하여 컨트롤러에서 받는 과정을 예시로 들어보자. 위에 작성된 데이터의 경우 2개의 문자열 데이터와 하나의.. 공감수 0 댓글수 0 2023. 3. 7.
Type [java.lang.String] is not valid for option items JSP에서 EL 표현식을 사용하면서 발생할 수 있는 에러이다. 보통은 EL 표현식에 오타가 있을 경우 발생한다. 괄호를 잘못치지는 않았는지 괄호가 겹치지는 않았는지 오타가 있지는 않은지 잘 확인해보자. 공감수 0 댓글수 0 2023. 2. 10.
sweetalert 2 사용하기 0. sweetalert 2 sweetlart2 를 사용하여 예쁜 형태의 알림창(Toast)를 띄울 수 있다. 1. 설정 CDN을 사용할 수도 있고 파일을 연결할 수도 있다. 2. Swal 사용하기 Swal은 정중앙에 뜨는 알림창이다. Swal.fire({ title: 'Good!', text: 'You did a great job!', icon: 'success', confirmButtonText: 'Thanks!' }); 3. Toast 사용하기 Toast는 브라우저 외곽쪽에 뜨는 알림창이다. const Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 3000, }); Toast.fire({ .. 공감수 0 댓글수 0 2023. 2. 9.
IText 7 - 스탬프 모드 0. 스탬프 모드 (Stamp Mode) 종이에 도장(Stamp)을 찍 듯이, 기존의 PDF 파일 위에 새로운 데이터를 덧쓴다는 의미에서 스탬프 모드라고 한다. 1. 의존 라이브러리 추가 com.itextpdf kernel 7.1.18 com.itextpdf layout 7.1.18 2. 코드 작성 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import org.springframework.stereotype.Service; import com.itextpdf.kernel.font.PdfFont; import com.itextpdf.kernel.f.. 공감수 0 댓글수 0 2023. 2. 7.
Naver NCloud Platform - SMS 서비스 0. 멤버변수 String hostUrl = "https://sens.apigw.ntruss.com"; String requestUrl = "/sms/v2/services/"; String requestUrlType = "/messages"; String serviceId = "ServiceId"; String accessKey = "AccessKey"; String secretKey = "SecretKey"; // /sms/v2/services/{ServiceId}/messages requestUrl += serviceId + requestUrlType; // https://sens.apigw.ntruss.com/sms/v2/services/{ServiceId}/messages apiUrl = host.. 공감수 0 댓글수 0 2023. 2. 6.
중첩된 자바빈을 위한 폼 작성 취업희망자의 학력 목록이나 신청을 위한 서류 목록의 경우 '취업희망자'와 '신청'에 여러 개의 '학력'과 '서류'가 들어가는 형태이다. 이를 중첩된 자바빈(Nested JavaBean)이라고 한다. MVC 패턴에서 사용하는 VO 클래스에서는 다음과 같이 하나의 VO에 다른 VO가 List 형태로 멤버변수가 되는 형태를 띄게 된다. public class member{ ... List schoolList; ... } 이런 중첩된 자바빈을 태그에서 작성하여 VO 객체에 저장하기 위해서는 name 속성의 값이 기존과는 조금 다른 형태로 설정 해야한다. 1. 부모 VO클래스에 선언한 List 변수의 이름과 함께 대괄호에 번호를 넣어 index를 지정한다. 2. 온점('.')을 찍고 해당하는 멤버변수의 이름을 적.. 공감수 0 댓글수 0 2023. 2. 6.
Mybatis - Mapper 인터페이스 0. Mapper 인터페이스 지금까지는 DAO 클래스를 구현해서 SqlSessionTemplate에 문자열을 지정해 mapper.xml 파일과 연결하는 방식으로 Mybatis를 사용했다. 이 방식은 값을 문자열로 넘겨주기 때문에 오타가 발생할 가능성이 높다. 오타로 인한 오류 발생을 줄이고 DAO를 좀 더 간소화할 수 있는 방식이 바로 Mapper 인터페이스 방식이다. 1. web.xml 설정 Mapper 인터페이스 방식을 사용하기 위해서는 web.xml에 다음과 같이 bean 설정을 추가해야한다. 2. 인터페이스 작성 DAO의 역할을 대신해 Mybatis와 서비스를 연결할 인터페이스를 생성한다. package kr.or.test.mapper; public interface TestMapper { pub.. 공감수 0 댓글수 0 2023. 2. 6.
다음 주소 찾기 API 0. script 추가 1. 함수 작성 function openHomeSearch() { new daum.Postcode({ // 선택 완료 시 데이터를 담을 태그를 지정 oncomplete : function(data) { document.form.cusPostNum.value = data.zonecode; // 우편번호 document.form.cusAddr.value = data.address; // 주소 document.form.cusAddrDet.value = data.buildingName; // 건물주소 } }).open(); } 공감수 0 댓글수 0 2023. 2. 3.
부트스트랩 드롭다운 메뉴 부트스트랩 5에서는 드롭다운 메뉴를 제공하고 있다. https://getbootstrap.com/docs/5.0/components/dropdowns/ Dropdowns Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. getbootstrap.com 버튼으로 활성화되는 팝업메뉴를 어떻게 만들지 항상 고민이 많았는데 이제 고생할 필요가 없게 되었다. 공감수 0 댓글수 0 2023. 2. 2.
AJAX를 사용한 파일 업로드 0. FormData 객체와 FileList를 활용한 AJAX 파일 업로드 $('#fileUploadBtn').on('click', function(){ let formData = new FormData(); let inputfile = $('#uploadFile') let files = inputfile[0].files; [...files].forEach(function(f, i){ if(!checkExtension(f.name, f.size)){ return false; } formData.append('uploadFile', f); }); formData.append('id', 'test001'); formData.append('name', '홍길동'); formData.append('age', '.. 공감수 0 댓글수 0 2023. 2. 2.
Spring - 요청 데이터로 JSON을 보냈을 때 상태코드 415 이클립스 STS에서 요청/응답 데이터로 JSON 타입을 다루기 위해서는 라이브러리 추가가 필요하다. com.fasterxml.jackson.core jackson-databind 2.13.4.2 공감수 0 댓글수 0 2023. 2. 2.
MyBatis의 동적쿼리 0. 동적쿼리 MyBatis에서는 동적 쿼리의 처리를 위한 구문을 제공하고 있다. 여기서 동적 쿼리란 들어오는 데이터의 조건에 따라 질의문의 형식이 바뀌는 것을 말한다. 1. WHERE절의 동적쿼리 내 경우에는 질의문의 WHERE절에서 동적 쿼리를 사용하는 경우가 잦다. 게시판에서 검색 기능을 구현할 때가 가장 대표적인 예이다. 게시판의 검색 기능은 사용자가 사용할 수도, 사용하지 않을 수도 있는데 검색 기능을 사용할 때는 조건절에 검색을 위한 구문이 실행되어야 한다. WITH B AS ( SELECT ROW_NUMBER() OVER(ORDER BY BOARD_ID DESC) RNUM, A.BOARD_ID, A.BOARD_TITLE, A.BOARD_CONTENT, A.MEM_ID, TO_CHAR(A.BO.. 공감수 0 댓글수 0 2023. 2. 1.
Mybatis - 1 : N의 조회 데이터베이스와 관련된 조작을 하다보면 1:N (1 대 다수)의 관계를 가지는 엔터티가 종종 생긴다. Mybatis에서는 1:N 관계의 엔터티를 조인하여 한 번에 가져오기 위해 resultMap을 사용할 수 있다. 다음은 상품분류 테이블에서 상품분류 데이터를 가져오는 질의문이다. 하나의 상품분류는 여러 개의 사진을 가질 수 있다. SELECT A.LPROD_ID, A.LPROD_GU, A.LPROD_NM, B.SEQ, B.FILENAME, B.FILESIZE, B.THUMBNAIL, B.REGDATE, B.ETP_ID FROM LPROD A INNER JOIN ATTACH B ON A.LPROD_GU = B.ETP_ID AND A.LPROD_GU = #{lprodGu} 하나의 상품분류 여러 개의 사진을 가.. 공감수 0 댓글수 0 2023. 1. 31.
Mybatis 다중행 삽입 Mybatis에서 다중행 삽입을 위해서 반복문인 foreach태그를 사용할 수 있다. 다중행을 Mybatis를 사용해 삽입하기 위해서는 가 아닌 를 사용해야한다. parameterType은 데이터가 저장된 Collection 클래스를 입력한다. 주의해야할 점은 #{변수명}을 작성할 때 반드시 #{item이름.변수명}으로 작성해야한다. SELECT NVL(MAX(SEQ), 0) + 1 FROM ATTACH INTO ATTACH (SEQ ,FILENAME ,FILESIZE ,THUMBNAIL ,REGDATE ,ETP_ID) VALUES (#{idx} + #{seq} ,#{attachVO.filename} ,#{attachVO.filesize} ,#{attachVO.thumbnail} ,SYSDATE ,#{a.. 공감수 0 댓글수 0 2023. 1. 30.
Spring - MultipartFilter 설정 후 한글이 깨지는 현상 web.xml에서 MultipartFilter를 설정한 후 요청 데이터에서 한글이 깨지는 현상이 발생했다. 데이터 인코딩은 CharacterEncodingFilter를 사용했는데 필터의 순서 문제였다. MultipartFilter를 설정할 경우에는 CharacterEncodingFilter의 아래쪽에 작성해야 한글이 정상적으로 인코딩된다. encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /* springMultipartFilter org.springframework.web.multipart.support.MultipartFilter sprin.. 공감수 0 댓글수 0 2023. 1. 30.
WHOIS OpenAPI를 활용한 클라이언트 접속 국가 확인 해외에서 접속하는 IP를 차단할 수 있는 방법이 있는지 찾아보다가 한국인터넷진흥원에서 제공하는 WHOIS OPENAPI가 있다는 것을 알게 되었다. 0. 공공데이터포털 활용 신청 우선 공공데이터포털에서 API 활용신청을 하여 서비스키를 받아야한다. 서비스키 자체는 신청 즉시 발급되지만 사용까지는 1~2시간정도, 최대 하루까지 기다려야할 수 있다. https://www.data.go.kr/data/15094277/openapi.do 한국인터넷진흥원_인터넷주소(도메인이름, 아이피) 정보 검색 서비스 인터넷주소자원인 도메인, IP 주소, AS 번호의 등록정보 및 할당정보를 조회 할 수 있는 서비스(WHOIS 오픈API) www.data.go.kr 1. 요청 데이터 보내기 페이지 하단에는 각 언어별로 사용 예시.. 공감수 0 댓글수 0 2023. 1. 24.
MyBatis - 부적합한 열 유형 1111 MyBatis를 사용하면서 '부적합한 열 유형 1111' 이라는 오류가 발생하는 일이 있었다. 위 오류의 원인은 다음과 같다. 1. 테이블 컬럼의 데이터 타입과 대입하는 데이터 타입이 다를 경우 2. Map 또는 VO 객체를 parameterType으로 했을 때, 컬럼에 대입되는 특정 값이 null일 경우 1번의 경우, 데이터베이스와 MyBatis로 데이터를 넘기는 객체의 데이터 타입을 일치시키면 된다. 2번의 경우, MyBatis의 옵션을 설정하는 configuration.xml 파일에서 setting에 jdbcTypeForNull의 값을 NULL로 설정하면 된다. 매퍼 xml 파일에서 parameterType의 데이터를 SQL에 대입하는 구문에 jdbcType=VARCHAR를 명시하여 해결하는 것도 .. 공감수 0 댓글수 0 2023. 1. 20.
쿠키(Cookie) 0. 쿠키(Cookie)란? 클라이언트가 웹사이트에 접속했을 때 서버에 의해 클라이언트에 저장되는 정보를 말한다. 세션과 함께 웹사이트의 여러 정보들을 저장하는데 사용할 수 있다. 1. 쿠키 생성 쿠키의 생성은 서버에서 이루어진다. Cookie 객체는 new 키워드를 사용하여 생성할 수 있고 생성자 파라미터에 쿠키의 이름과 값을 넣어준다. private void createCookie(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String data = "Delicious"; Cookie cookie = new Cookie("myCookie", data); response.ad.. 공감수 0 댓글수 0 2023. 1. 18.
세션(Session) 0. 세션(Session)이란? 일정시간동안 클라이언트로부터 들어오는 요청을 하나의 상태를 보고 그 상태를 일정시간 유지시키는 기술. 사용자가 웹사이트에 접속해있는 상태를 하나의 단위로 보고 '세션'이라고 부른다. 1. 세션 객체 JSP의 경우 session 내장 객체가 있으며 서버측의 경우 HttpServletRequest의 getSession() 메서드를 통해 세션 객체를 얻을 수 있다. // 자바 서블릿의 경우 prviate void getSession (HttpServletRequest request, HttpServletResponse) throws ServletException, IOException { HttpSession session = request.getSession(); sessio.. 공감수 0 댓글수 0 2023. 1. 18.
JSON 데이터를 자바 서블릿에서 Map으로 변환하기 1. Reader 사용 요청 데이터로 들어온 JSON 데이터를 받아들이기 위해 Reader를 사용한다. 내 경우에는 BufferedReader를 사용해 JSON 데이터를 받았다. private void myServlet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { BufferedReader br = request.getReader(); String jsonData = br.readLine(); } 2. Gson 사용 다음은 문자열로 받은 JSON 데이터를 Map으로 변환한다. 내 경우에는 Gson 라이브러리를 사용했다. import java.util.Map; import com.. 공감수 0 댓글수 0 2023. 1. 17.
필터를 사용한 로그 파일 생성 0. web.xml 파일 작성 logger filter.LogFilter filename D:\\logs\\test.log logger /* 1. 필터 클래스 작성 package filter; import java.io.FileWriter; import java.io.IOException; import java.io.PrintWriter; import java.text.DateFormat; import java.text.SimpleDateFormat; import java.util.Calendar; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servl.. 공감수 0 댓글수 0 2023. 1. 17.
HttpServletRequest getServletPath() 와 getPathInfo() 의 차이 1. getServletPath() getServletPath() 메서드는 서블릿이 매핑된 경로를 반환한다. 예를들어 경로가 http://localhost/myapp/member/login.do 일 때 서블릿에 매핑된 경로가 'member' 일 경우, getServletPath() 메서드가 반환하는 값은 '/member' 이다. 2. getPathInfo() getPathInfo() 메서드는 서블릿 경로를 제외한 나머지 경로를 반환한다. 예를들어 경로가 http://localhost/myapp/member/login.do 일 때 서블릿에 매핑된 경로가 'member' 일 경우, getPathInfo() 메서드가 반환하는 값은 '/login.do' 이다. getPathInfo()의 경우 서블릿 경로에 와일.. 공감수 0 댓글수 0 2023. 1. 17.
자바 웹 소켓을 이용한 채팅 서버 자바에서 제공하는 웹 소켓을 사용해 채팅 서버를 구현하고자 한다. 웹 소켓은 Endpoint 클래스를 상속하고 @ServerEndpoint 애너테이션을 사용해 설정할 수 있다. Endpoint 클래스에서는 클라이언트로부터 요청이 들어왔을 때 상황에 따라 처리할 수 있는 메서드들을 정의하고 있으며, @ServerEndpoint는 서버에 연결할 URL을 지정할 수 있다. Endpoint에서 제공하는 메서드는 onOpen(), onMessage(), onClose(), onError() 등이 있다. @ServerEndpoint("/chat") public class ChatServer extends Endpoint { private static final Set sessions = Collections.syn.. 공감수 0 댓글수 0 2023. 1. 12.
부트스트랩 span 태그 안의 글자 가운데 정렬하기(수평, 수직) 가끔 span 태그 안의 문자의 수평/수직 정렬이 맞지 않아 거슬릴 때가 있었는데 부트스트랩의 경우 클래스명으로 d-flex justify-content-center align-items-center 를 사용해 수평/수직 정렬을 한다. 가운데 정렬할 문자 공감수 0 댓글수 1 2023. 1. 10.
commons-fileupload 라이브러리 ServletFileUplolad 클래스를 사용한 파일 업로드 DiskFileItemFactory factory = new DiskFileItemFactory(); File uppath = new File("D:\\upload"); factory.setRepository(uppath); factory.setSizeThreshold(1024 * 1024); ServletFileUpload fileUpload = new ServletFileUpload(factory); try{ List items = upload.parseRequest(request); for(FileItem item : items){ if(!item.isFormField){ // 파일일 경우 String fileName = item.getName(); String separater = File.sep.. 공감수 0 댓글수 0 2023. 1. 10.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.