본문 바로가기

반응형
분류 전체보기
반응형
460

[Spring] 스프링 컨테이너 개념 및 동작 원리(DI,IoC,ApplicationContext 개념) 여기서는 스프링 컨테이너의 개념 정리와 DI 및 IoC, 스프링 컨테이너의 동작 원리에 대해 설명하고 있습니다. 정리하는 겸, 정보공유하는 겸으로 포스팅하고 있으니 도움이 되셨으면 좋겠습니다~~~ DI(Dependency Injection) : 의존관계, 의존성 주입 스프링은 DI로 다형성 + OCP, DIP를 가능하게 지원 (DI 컨테이너 제공) - 클라이언트 코드의 변경 없이 기능 확장 - 쉽게 부품을 교체하듯이 개발 애플리케이션 실행 시점에 실제 생선된 객체 인스턴스의 참조가 연결되는 것을 의존관계 주입이라고 합니다. - 의존관계 주입을 사용하면 클라이언트 코드를 변경하지 않고, 클라이언트가 호출하는 대상의 인스턴스를 변경할 수 있습니다. - 의존관계 주입을 사용하면 정적인 클래스 의존관계를 변경하.. 2021. 12. 8.
[jQuery] onkeyup을 통한 실시간 Replace방법! (숫자만/특정문자만/영상有) 안녕하세요. 오늘은 onkeyup을 통해 숫자만 또는 특정 문자만 입력하여 실시간으로 유효성 검사할 수 있는, Replace방법에 대해 알아보겠습니다. 영상을 준비했으니 영상을 보시죠~~~ 참고로 onkeyup은 사용자가 키보드의 키를 눌렀다가 땠을때 발생하는 이벤트입니다! 단위수는 오로지 숫자만 감지할 수 있도록 설정하였으며, 성취도는 A,B,C만 입력될 수 있도록 설정하였습니다. 숫자 replace 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function checkNum(objEv){ var numPattern = /([^0-9])/; var v = objEv.value; numPattern = v.match(numPattern).. 2021. 12. 8.
[jQuery] Data타입을 날짜형태(yyyy-mm-dd)로 포맷 변경하는 방법!! 서버에서 데이터를 스크립트로 가져와서 사용하려하는데 cret_date 이놈이 데이터타입니다... 콘솔을 찍어보니 어김없는 date형태.. 그래서 화면에서 오브젝트로 표출이 되므로 이놈을 내가 원하는 날짜형태(yyyy-mm-dd)로 변경시키려합니다. 간단한 함수를 사용해서 가능하지만 잊어버릴까봐 포스팅하려고 합니다! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1) , day = '' + d.getDate(), year = d.getFullYear(); if (month.length 2021. 11. 29.
[Java] 엑셀 다운로드 기능 구현!! (영상 有) 안녕하세요. 오늘은 자바로 데이터베이스에 있는 데이터를 자바를 통해 엑셀화시켜서 엑셀 데이터를 다운로드 받는 방법에 대해 정리해보겠습니다. 글로 아무리 설명해봐야 보는게 최고죠! 구현 영상입니다. pom.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 org.apache.poi poi 3.9 org.apache.poi poi-contrib 3.6 log4j log4j org.apache.poi poi-ooxml 3.9 org.apache.poi poi-ooxml-schemas 3.9 org.apache.poi poi-scratchpad 3.9 cs 여기서 정리할 엑셀 다운로드 기능은 아파치 소프트.. 2021. 11. 27.
[쉬운설명] HTTP 쿠키(Cookie)에 대한 설명!! 안녕하세요. 오늘은 쿠키와 HTTP에서 어떻게 사용되는지에 대한 설명을 해보겠습니다. 쿠키란 클라이언트가 서버에서 받은 쿠키를 저장하고, HTTP 요청시 서버로 전달해주는 역할을 합니다. HTTP에서는 set-Cookie로 표현되며 응답헤더에서 서버에서 클라이언트로 쿠키를 전달합니다. 아래와 같은 이미지 처럼 말이죠! 이제부터 쿠키에 대해 살펴보겠습니다. 우리가 사용하는 인터넷을 통신해주는 HTTP는 계속 연결되어 있지 않습니다. 만약에 제가 다음에서 '쿠키'검색을 하면 저는 다음 서버에 '쿠키'를 요청하게 되고 다음 서버에서 '쿠키'에 대한 정보만 주고 연결이 끊어집니다. 이것을 무상태(Stateless) 프로토콜이라고 합니다. 계속 연결되어 있지 않다는 뜻이죠. 쿠키를 사용하지 않는다는 가정에서 제가.. 2021. 11. 24.
[쉬운설명] HTTP 해더에 대한 설명!! 안녕하세요. 오늘은 HTTP 해더에 대해 설명해보겠습니다. HTTP 해더는 HTTP전송에 필요한 모든 부가정보를 나타내주는 것을 말합니다. 예를들어 메세지 바디의 내용이나 메세지 바디의 크기, 서버 정보, 캐시 관리 정보 등이 있습니다. 아래 이미지에서의 모든 정보가 해더의 정보라고 보시면 됩니다. 엄청나게 많죠! HTTP 표준은 1999년 RFC2616을 사용하다가 2014년 RFC7230~7235이 등장함에 따라 기존 RFC2616는 폐기가 되었습니다. 가장 큰 변화는 엔티티(Entity)에서 표현(Representation)으로 변화되었다는 점입니다. 그럼 최신 표준 스펙인 RFC7230에 대한 내용을 알아보도록 하죠 1. 표현 헤더는 표현 데이터를 해석할 수 있는 정보를 제공합니다. Content.. 2021. 11. 24.
[Jquery] input/div/모든태그 focus 사용방법!! (영상 有) 오늘은 제이쿼리에서 사용하는 focus 기능에 대해 살펴보겠습니다. 흔히 페이지 유효성 검사를 진행할때 필수 기능은 아니지만 많이 사용되는 기능입니다. 흔히 input태그에 많이 사용되지만 다른 태그에도 적용할 수 있는 방법도 정리해보겠습니다. input 태그에 focus 1 2 3 4 5 6 7 8 9 10 11 if($("#resv_name").val() == ""){ alert("성명을 입력해주세요."); $("#resv_name").focus(); return false; } Colored by Color Scripter cs 보통 자바스크립트 또는 제이쿼리에서 focus 기능을 사용할 때는 input type="texdt"에 아이디 값을 주어 사용합니다. 하지만 input text가 아닌 div.. 2021. 11. 18.
[Jquery] input 실시간 감지 기능 (영상 有) 안녕하세요. 오늘은 제이쿼리를 이용하여 input칸의 실시간 감지 기능으로 작업을 정리해보았습니다. 저는 input칸의 숫자를 실시간으로 합계칸에 더해줄 예정입니다. 영상을 보시면, 각 연령대별로 input칸에 입력하면 합계에 자동 계산이 되어 나오게 됩니다. 간단하니 한번 정리해보죠! HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 *방문총인원 Colored by Color Scripter cs 여기서는 평범한 HTML 태그입니다. 하나 특징이 있다면 제이쿼리에서 ID값을 가져와서 사용할 예정이기에 ID값을 구분해서 넣어주셔야합니다. JQUERY 1 2 3 4 5 6 7 8 9 10 11.. 2021. 11. 17.
[쉬운설명] HTTP 상태별 코드 설명 정리!! 안녕하세요. 오늘은 HTTP 상태별 코드에 대해 설명해보겠습니다. HTTP 상태코드는 100대부터 500대까지의 상태값을 가지고 클라이언트가 보낸 요청의 처리 상태를 응답해서 알려주는 역할을 합니다. 1xx (Informational): 요청이 수신되어 처리중인 표시입니다. 요청자가 서버에 처리를 요청하고 서버가 이를 승인하는 중인 상태값이지만 거의 사용하지 않고 있습니다.. 2xx (Successful): 요청 정상 처리입니다. 200 (OK) : 요청이 정상적으로 성공 201 (Created) : 요청 성공해서 새로운 리소스가 생성 - POST로 요청을 하면 서버에서 자원을 생성하여 응답 해더에 Location 에 넣어줍니다. 202 (Accepted) : 요청이 접수되었으나 처리가 미완료 - 1시간.. 2021. 11. 17.

티스토리툴바