쉽게 쉽게

▤ 목차1. tiles란?공통적으로 사용되는 header/footer와 같은 jsp를 한 곳으로 모아 관리할 수 있도록 해주는 프레임워크이다.만약 각 페이지의 header를 직접 입력하고 수정해야 한다면 많은 노동이 필요하지만 tiles에서는 이를 효율적으로 관리해 줄 수 있다. 2. tiles 적용 방법tiles 적용은 아래 순서로 진행된다.tiles 라이브러리 적용 -> dispatcher-servlet.xml (view resolver)수정 -> tiles.xml 생성 ->. jsp 생성 1. pom.xml 추가 3.0.8 org.apache.tiles tiles-core ${org.apache.tiles-version} org.apache.tiles tiles-se..

▤ 목차1. 이슈공통적으로 사용하는 CommonService에서 모든 컨트롤러에서 사용될 public static void 메서드가 하나 있을 때, 이 static void 필드에 @Autowired된 빈을 사용해야 하는 상황이 발생했다.그러나 그냥 static에 @Autowired된 빈을 사용하면 NullpointerException이 발생하게 된다.@Servicepublic class CommonService { @Autowired private MyBean myBean; public static void commonMethod() { myBean.doSomething(); // myBean이 주입되지 않으므로 NPE 발생 }}그 이유는 @Autowired는 인스..

▤ 목차1. CSS로 구현1. css로 구현 text-overflow을 사용하기 위한 조건text-overflow 속성은 블록 형태인 경우에만 적용된다.width 또는 height가 고정적이어야 한다.overflow: hidden; 을 사용해 영역을 감춰야 한다.아래줄로 내려가는 것을 막기 위해 white-space: nowrap 등이 필요하다. text-overflow 적용을 하려면 가로넓이가 있어야 하기 때문에 width를 적용해 줬다.한 줄일 때 말 줄이기를 하고 싶으면 white-space: nowrap이 적용이 되어야 한다.아래는 nowrap 적용 시 표현되는 예시다.해당 속성이 없으면 자동으로 글자가 다음줄로 넘어가기 때문에 이러한 상황을 방지해야 한다.2줄 이상일 경우 white-space ..

▤ 목차1. 스케줄러 설정스케줄러는 일정주기마다 반복할 작업이 있을 경우에 사용하면 편리하다.스케줄러를 구현하기 위해서는 몇 가지 설정이 필요하다.xml에 설정을 추가해야 하는데 보통 dispatcher-servlet.xml에 추가하면 된다.(xml 설정을 다루는 파일은 각기 다를 수 있다.) 1. Namespaces에서 task 추가Namespaces 중 task를 추가해주면 된다.추가가 성공하면 아래와 같은 설정이 추가되며 태그를 사용할 수 있게 된다.2. 스케줄러에 사용될 애노테이션 활성화annotation-driven 설정 추가하여  @Schedule과 @Async 애노테이션을 활성화 시키면 된다.단 스레드 풀의 크기나 다른 고급 설정을 제어하고 싶다면 를 추가하여 스케줄러를 명시적으로 정의해야..

1. 이슈게시글 내용 저장 시 특수문자에 대한 처리가 부족함을 느꼈다.와 같은 특수문자들을 그대로 출력 시 이를 태그로 인식하여 원치 않는 형태로 출력되거나 했다. (빈칸이나 공백이 되거나...)또한 XSS 공격에 취약할 것이란 생각이 들었고 이를 대체문자로 치환하여 저장하는 방식을 알아봤다.2. 특수문자 치환//특수문자 -> escape 치환function escapeHtml( str ) { if (str == null) { return ""; } str = str.replace(//g,">"); str = str.replace(/\"/g,"""); str = str.replace(/\'/g,"'"); str = str.replace(/\n/g,""); ..

1. 이슈게시판 글 조회수를 카운트하면서 동일한 사용자가 새로고침만 해도 중복으로 조회수가 측정되는 상황이 있었다.이를 방지하기 위해 여러 방안을 찾아봤다.2. 해결방안조회수 중복방지를 위한 여러 방안들을 정리해 봤다 방안장점단점쿠키서버의 공간을 절약 사용자가 쿠키를 삭제시 중복가능 (조작가능)다른 브라우저 사용시 중복가능 IP(MAC주소)조작이 불가능 여러 사용자가 같은 IP를 사용시 중복가능 (중복 IP)다른 기기라면 중복가능로그인로그인한 사용자의 정확한 조회수 체크가능비로그인자는 정확한 카운트가 불가능세션서버에 정보를 저장하기에 보안에 좋음서버의 리소스를 사용하기에 부하가 증가할 수 있음이 중 단순한 조회수 중복방지를 위한 것이기에 쿠키를 이용하여 구현했다.3. 구현private void readC..

이미지 파일 업로드 시 썸네일도 같이 볼 수 있는 Javascript 코드를 구현했다. 1. 이미지 파일 업로드 HTML  속성 중 accept는 어떤 형식의 파일을 허용할 것인지 정해주는 속성이다.audio/*, video/*, image/* 처럼 지정하거나. gif,. jpg,. png처럼 파일 확장자로 지정하는 것도 가능하다.만약 이미지가 여러개라면 multiple 속성을 추가해주면 된다.2. JS 코드 구현이미지 썸네일 1개function setThumbnail(event) { //FileReader 객체생성 var reader = new FileReader(); //파일읽는것을 성공했을때 실행 reader.onload = functio..

2023.03.26 - [개발공부/CS] - 쿠키, 세션, 토큰, 캐시 쿠키, 세션, 토큰, 캐시'혼자 공부하는 얄팍한 코딩 지식'을 읽으며 추가적으로 공부한 내용을 정리한 글입니다. 1. 쿠키와 세션을 사용하는 이유 웹 사이트를 이용할 때, HTTP 프로토콜은 클라이언트가 요청(Request)을 서minsu092274.tistory.com이전에 포스팅했던 글에 추가적으로 JavaScript에서 쿠키를 사용하는 방법에 대해 정리하고자 한다.1. 쿠키(Cookie)란?웹 사이트를 이용할 때, HTTP 프로토콜은 클라이언트가 요청(Request)을 서버에 보내고, 서버는 클라이언트에게 적절한 응답(Response)을 주고 연결(Connection)을 끊는 특성이 있다. (HTTP는 웹에서 이루어지는 모든 데..

"오늘 하루동안 보지 않기" 설정을 포함하고 있는 팝업을 구현하고자 한다.js에서 쿠키를 다루는 방법을 자세히 알아보고자 한다. 1.  팝업창 구현위와같은 간단한 공지창을 구현하는 코드입니다. [시스템 공지] 시스템 공지입니다. 시스템 공지 내용입니다. 이용에 불편을 드려 대단히 죄송합니다. &nbsp&nbsp오늘 하루동안 보지 않기 닫기 2.  JS 쿠키 설정아래는 "오늘 하루동안 보지 않기" 기능을 쿠키로 구현한 코드입니다.쿠키 파라미터 정리1. Name과 Value쿠키는 이름-값 쌍의 형태로 쿠키를 생성하기 위해서는 반드시 이름과 ..

1. File클래스란java.io 패키지에서 제공하는 File 클래스는 입출력에 필요한 파일 및 디렉터리에 관한 정보를 다를 수 있다. File 클래스는 파일과 디렉터리의 접근 권한, 생성된 시간, 마지막 수정 일자, 크기, 경로 새로운 파일과 디렉터리 생성 및 삭제, 이름 변경 등의 조작 메드를 가지고 있다.2. File 생성자 File(String path)주어진 문자열 경로를 갖는 File객체 생성ex) File dir = new File( "C:\\testDir\\test.txt" );File(String dir, String name)dir와 name문자열을 연결한 문자열로 경로를 생성하여 File객체를 생성첫번째 매개변수에 디렉터리 경로를 넣고, 그 하위 파일명을 지정하여 생성ex) File ..