티스토리

내일주말

검색하기

블로그 홈

내일주말

tired-overtime.tistory.com/m

내일주말 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

댓글 처리와 JavaScript의 모듈화 JavaSciprt의 모듈화 - jQuery는 막강한 기능과 다양한 플러그인을 통해서 많은 프로젝트에서 기본으로 사용 - Ajax를 이용하는 경우에는 jQuery의 함수를 이용해서 너무나 쉽게 처리할 수 있기 때문에 많이 사용 - 화면 내에서 JavaScript 처리를 하다 보면 어느 순간 이벤트처리와 DOM 처리, Ajax 처리 등이 마구 섞여서 유지보수 하기 힘든 코드를 만드는 경우가 많음, 이런 경우를 대비해서 좀 더 JavaScript를 하나의 모듈처럼 구성하는 방식을 이용하는 것이 좋음 - JavaScript에서 가장 많이 사용하는 패턴 중 하나는 모듈 패턴 - 관련 있는 함수들을 하나의 모듈처럼 묶음으로 구성하는 것을 의미 - JavaScript의 클로저를 이용하는 가장 대표적인 방법 // 모.. 공감수 0 댓글수 0 2022. 2. 23.
댓글의 REST 방식의 등록 작업 REST 방식으로 처리할 때 주의해야 하는 점은 브라우저나 외부에서 서버를 호출할 때 데이터의 포맷과 서버에서 보내주는 데이터의 타입을 명확히 설계해야 하는 것 예를 들어 댓글 등록의 경우 브라우저에서는 JSON타입으로 된 댓글 데이터를 전송하고, 서버에서는 댓글의 처리 결과가 정상적으로 되었는지 문자열로 결과를 알려 주도록 함 // consumes : 들어오는 데이터 타입 정의 // produces : 반환하는 데이터 타입 정의 @PostMapping(value ="/new", consumes = "application/json", produces = { MediaType.TEXT_PLAIN_VALUE }) public ResponseEntity create(@RequestBody ReplyVO vo).. 공감수 0 댓글수 0 2022. 2. 22.
[Mybatis] <trim> 은 주로 단독으로 사용되지 않고 , 와 같은 태그들을 내포해 SQL들을 연결해 주고, 앞 뒤에 필요한 구문들(AND, OR, WHERE 등)을 추가하거나 생략하는 역할을 함 예를 들어 검색 조건에서 'WHERE RN 공감수 0 댓글수 0 2022. 2. 18.
request.getParameter 조건 빈칸, null 주의 사항 주로 페이지의 회원가입이나 아니면 꼭 받아야 하는 필수 항목의 경우 request.getParameter로 값을 받아 처리함 그러나 request.getParameter(parameter) != null 필수 항목이기에 null값을 조건부에 추가 했으나 조건부에 안 걸리고 그냥 통과해버리는 현상 발견 그래서 넘겨진 값을 확인하니 "" 빈칸으로 넘어옴 null과 ""는 차이가 있음 null은 선언만하고 아직 메모리에 할당하지 않은 것이라면 ""의 경우 이미 메모리에 할당되어 사용 중인 상태의 차이 따라서 조건부에 request.getParameter("parameter") != null && request.getParameter("parameter") != "" 두 가지 경우를 추가 어이없는 실수였지만 몇.. 공감수 1 댓글수 0 2022. 1. 26.
[Spring-security] JDBC를 이용한 쿼리 호출시 log에창 안뜨는 문제 프로젝트의 src/main/resuource에서 log4j.xml 파일의 "warn" 부분을 "info"로 변경 이후 프로젝트 재실행 공감수 0 댓글수 0 2021. 5. 21.
[Spring Security]Spring project에 Spring Security 적용 먼저 pom.xml에 Spring Security 관련한 라이브러리 추가 - spring-security-web - spring-security-cofing - spring-secuirty-core - spring-security-taglibs 보통 Spring Security의 경우 단독으로 설정할 수 있기 때문에 기존의 root-context.xml이나 servlet-context.xml과는 별로도 security-context.xml을 작성하는 것이 좋음 이후 web.xml에 필터(springSecurityFilterChain)를 추가 및 추가 된 security-context.xml을 로딩하도록 설정 security-context.xml 기본형 작동은 intercept로 작동 - pattern 속.. 공감수 0 댓글수 0 2021. 5. 20.
첨부파일의 다운로드 한글깨짐 Controller 부분 처리 ● MIME 타입은 다운로드 할 수 있는 'APPLICATION_OCTET_STREAM_VALUE'으로 지정 @GetMapping(value="/download", produces = MediaType.APPLICATION_OCTET_STREAM_VALUE) ● 'Content-Disposition'로 다운로드 시 저장되는 이름 설정 ● 파일 이름에 대한 문자열 처리는 파일 이름이 한글인 경우 저장할 때 깨지는 문제를 막기 위함 try { headers.add("Content-Disposition", "attachment; filename=" + new String(resourceName.getBytes("UTF-8"), "ISO-8859-1")); } catch (UnsupportedEncodingEx.. 공감수 0 댓글수 0 2021. 4. 20.
[jQuery] 페이징 처리에서의 event.preventDefault() - event.preventDefault() 주로 별도의 브라우저 행동을 막기 위해서 사용한다. - 페이징 처리에 있어서의 활용 주로 페이징처리를 했을 경우 페이징 버튼이 해당 페이지의 하단부에 위치하게 된다. 그리고 해당 버튼을 클릭시에 preventDefault() 이벤트 처리를 하지 않았을 경우 클릭한 페이지로 넘어가면서 브라우저의 최상단으로 이동하게 된다. 그러나 페이지 이동이 필요없는 경우나 게시판 등 일정한 구역만 바뀌며 원하는 데이터를 찾아서 하단부에서의 활동을 이어나갈 때 브라우저의 최상단으로 이동후에 다시 하단부로 내려와 다음 버튼을 클릭하는 등의 불편함이 존재하게 된다. 그래서 event.preventDefault()를 통해서 태그의 링크로 이동하면서 페이지의 스크롤을 유지할 때 사용한다. 공감수 0 댓글수 0 2021. 1. 4.
[Javascript] Json 형태로 받아온 날짜 처리하기 JSON 형태로 Date 형식의 날짜를 받아올 경우 날짜 처리가 안된 순수하게 숫자로 표현되는 시간 값이 나오게 된다. 위 사진의 좌측이 날짜 처리후 결과값이고, 우측이 날짜 처리를 하지 않고 date 값을 json 형태로 받아 왔을 때의 값이다. // 해당일 시간, 날짜 처리 함수 function displayTime(timeValue) { var today = new Date(); var gap = today.getTime() - timeValue; var dateObj = new Date(timeValue); var str = ""; // 24시간이 지나지 않은 댓글 (시간표시 ex.15:13:21) if(gap < (1000 * 60 * 60 * 24)) { var hh = dateObj.getH.. 공감수 0 댓글수 0 2020. 12. 29.
[jQuery] id, name, class로 접근 방법 id로 접근시 - $("#id") name으로 접근시 - $(".class") class로 접근시 - $(tag_name[name=name]) ex) $("input[name=value]") 공감수 0 댓글수 0 2020. 12. 29.
REST 방식으로 전환 및 이유 근 10년간 가장 큰 변화는 '모바일'이다 모바일을 통해서 WEB의 접근 비율이 컴퓨터와 비슷하거나 이미 넘어섰다. 과거에는 서버는 브라우저라는 하나의 대상만을 상대로 데이터를 제공했기 때문에 브라우저가 소화 가능한 모든 데이터를 HTML이라는 형태로 전달하고, 브라우저는 이를 화면헤 보여주는 역할을 했다. 그러나 스마트폰이 나오면서 앱에서 완성된 HTML이 아닌 그저 자신에게 필요한 순수한 데이터만을 요구하게 되었다. (초기에는 스마트폰 성능 문제 이후는 브라우저 및 스마트폰 앱에 최적화 시키기 위함) 그래서 서버의 역할은 점점 더 순수하게 데이터에 대한 처리를 목적으로 하는 형태로 진화하고 있다. 또한 브라우저와 앱은 서버에서 전달하는 데이터를 이용해서 앱 혹은 브라우저 내부에서 별도의 방식을 통해서.. 공감수 0 댓글수 0 2020. 12. 24.
[Spring] UriComponentsBuilders 클래스 org.springframework.web.util.UriComponentsBuilders 는 여러 개의 파라미터들을 연결해서 URL의 형태로 만들어 주는 기능을 가지고 있음 URL을 만들어주면 리다이렉트를 하거나, 태그를 이용하는 상황을 많이 줄여줄 수 있음 public String getListLink() { UriComponentsBuilders builder = UriComponentsBuilder.fromPath(""); .queryParam("pageNum", this.pageNum) //페이지번호 .queryParam("amount", this.getAmount()) //페이지 양 .queryParam("type", this.getType()) //검색 조건 .queryParam("keywo.. 공감수 0 댓글수 0 2020. 12. 24.
[MyBatis] 동적 태그들(trim, foreach) ● trim(where, set) ● foreach , , trim, where, set은 단독으로 사용되지 않고 SQL들을 연결해 주고ㅡ, 앞 뒤에 필요한 구문들(AND, OR, WHERE등)을 추가하거나 생략하는 역활을 함 SQL을 작성하다 보면 상황에 따라서 WHERE나 AND, OR 등이 문제가 되는 상황이 발생할 수도 있음 ex) WHERE ROWNUM 공감수 0 댓글수 0 2020. 12. 23.
[MyBatis] 동적 태그들(if, choose) ● if ● choose(when, otherwise) if는 test라는 속성과 함께 특정한 조건이 true가 되었을 때 포함된 SQL을 사용하고자 할 때 사용 ex) 단일 항목으로 제목, 내용, 작성자(title, content, writer)에 대해 검색해야 하는 상활 일 때 - 검색 조건이 'T'면 제목(title)이 키워드(keyword)인 항목을 검색 - 검색 조건이 'C'면 내용(content)이 키워드(keyword)인 항목을 검색 - 검색 조건이 'W'면 작성자(writer)이 키워드(keyword)인 항목을 검색 // 검색 조건이 T일 경우 (title like '%' || #{keyword} || '%') // 검색 조건이 C일 경우 (content like '%' || #{keywo.. 공감수 0 댓글수 0 2020. 12. 23.
[Spring] 페이징 처리 페이징 처리하기 전 생각해봐야하는 부분 한 페이지에 몇개의 글을 보여 줄 것인지?, 페이징 부분에 몇개의 페이지를 표시 할 것이지? 페이지가 10개씩 보인다고 가정하고 한페이지에 10개의 데이터가 출력 될 때 1. 페이징의 끝 번호 계산 this.endPage = (int)(Math.ceil(페이지번호) / 10.0)) * 10; 1페이지의 경우 : Math.ceil(0.1) * 10 = 10 10페이지의 경우 : Math.ceil(1) * 10 = 10 11페이지의 경우 : Math.ceil(1.1) * 10 = 20 2. 페이징의 시작 번호 계산 this.startPage = this.endPage - 9; 3. total을 통한 endPage의 재계산 realEnd = (int) (Math.ceil.. 공감수 0 댓글수 0 2020. 12. 22.
[JSTL] jsp에서 url의 get parameter 가져오는 방법 로그인 되었습니다. 공감수 0 댓글수 0 2020. 12. 11.
[JSTL]javascript에서 context path를 가져오는 방법 var path = "${pageContext.request.contextPath}"; 공감수 0 댓글수 0 2020. 12. 11.
[JSTL]javascript에서 model parameter를 가져오는 방법 var result = ''; 공감수 0 댓글수 0 2020. 12. 11.
JSTL의 기본 개념과 사용방법 1. JSTL이란? HTML 코드 내에 java코드인 스크립틀릿 를 ${student}로 문을 문을 로 대체하여 사용한다. 뷰와 비즈니스로직의 불리로 인해 현재 JSTL을 많이 사용하는 추세 2. JSTL JSTL은 라이브러리이기 때문에 사용하기전에 core를 header에 추가해주어야 한다. 공감수 0 댓글수 0 2020. 12. 11.
[jsp] <c:out>을 사용하는 이유 jsp에서 c:out value를 이용하는 이유 ▶ HTML이나 스크립트가 실행되어 위험함 ▶ 개행문자 파싱의 차이 ▶ 보안성 기본적으로 특수문자가 포함되어 있을 경우 HTML을 해석하지 않고 그대로 출력되도록 해줌. c:out으로 처리하지 않을 경우 XSS에 그대로 노출된다. 공감수 0 댓글수 0 2020. 12. 11.

문의안내

티스토리
로그인
고객센터

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