메이쁘

안녕하세요. lombok의 @Slf4j 를 통해 Logger 객체 생성 없이 바로 log.debug()로 로그를 찍어볼 수 있는데요. 이 로그의 내용을 원하는대로 변경하기 위해 초기 설정하는 방법에 대해 기록해두려고 합니다. 1. pom.xml 설정 1.8 4.3.4.RELEASE 1.6.10 1.6.6 2.12.3 - 우선, 태그 시작 전 위에 별도의 properties를 설정하여, 버전 관리를 쉽게 할 수 있도록 합니다. - 위에서 jackson, java, springframework-version 태그는 작성하지 않아도 됩니다. org.slf4j slf4j-api ${org.slf4j-version} org.slf4j jcl-over-slf4j ${org.slf4j-version} runtime ..

간단합니다. npm uninstall webpack npm install webpack@^4.0.0 --save-dev webpack 버전 상의 충돌이 발생한 것 같습니다. 출처 : stackoverflow.com/questions/64373393/error-rule-can-only-have-one-resource-source-provided-resource-and-test-incl

안녕하세요. 서버를 구축하고, API 통신 예제를 만들던 중, POST 방식으로 객체에 값을 담아 Request 했는데 null만 뜨는 오류(+500 에러) 가 발생했었습니다. 이 때, @ModelAttribute를 사용했는데, 당최 어디서 오류가 나는지 아무리 찾아도 해결하지 못했습니다.. 그러던 중, POST 방식이기 때문에 @RequestBody 를 사용해서 통신하면 되지 않을까 하고 했는데 200 결과를 얻었습니다! 이를 계기로 두 어노테이션의 차이점을 공부하고, 다음 번에는 이런 이슈가 발생하지 않기 위해서 기록하겠습니다. @RequestBody - 클라이언트가 body에 application/json 형태로 값(보통 객체)을 담아 전송하면, body의 내용을 다시 Java Object(객체)로..

안녕하세요. 제목이 기네요.. 여튼, 오류 로그에는 "Invalid character found in the HTTP protocol" 이, 결과 페이지에는 404 ERROR 가 발생하는 경우에 대해 해결하는 방법입니다! *** 이 방법을 통해 해결할 수도, 안되면 다른 방법을 찾아보셔야 합니다 ㅠ 원인을 한참 찾은 결과, Eclipse Tomcat 상에서는 Modules에서 Web Module 설정할 때 Path를 "/" 로 설정하고 로컬호스트 테스트를 했었습니다만.. AWS 서버 내의 톰캣 설정에서는 해당 경로가 다르게 설정되어 있더라구요. (기본값) 즉, Tomcat의 Web Module URL Path 설정이 다르게 되어있어서 해당 HTTP 프로토콜 URL을 알지 못했다는 것입니다. .. 만약에,..

안녕하세요. API 서버 만들다가 하도 오류나서 적어보게 되었습니다. 하이고.. Json 객체를 response 해주기 위해서, 객체에 값을 담아 리턴하는 컨트롤러 함수를 구현했습니다. 이를 위해서, ModelAndView 객체 생성 시(또는 setViewName 시) "jsonView" 로 설정하여 ModelAndView 객체를 리턴해줬습니다. 하지만... No mapping found for HTTP request with URI [/] in DispatcherServlet with name 'app' 멘붕.. 자꾸 URI를 알 수 없다고 합니다. 분명 RequestMapping도 그렇고, @Controller 어노테이션도 달았는데 말이죠. 한참 찾다가,, 초보적인 실수를 범한 걸 깨달았습니다. Di..

안녕하세요. HTML5에서 사용할 수 있는 Data 태그에 대해 알아보겠습니다. HTML5부터 DOM HTML 태그안에 데이터값을 삽입할 수 있게 되었습니다! 그전까지는 id값 또는 value값에 구분자로 구분해가며(ex. id_name_age) 이를 split해서 데이터를 사용하거나, 안에 값넣어서 이 태그를 get해오는 방식을 사용했었는데요.. 완전 신선했습니다! 바로 예시를 들어보겠습니다. 라는 div 가 있다고 가정합시다. (data의 tag 값은 무조건 소문자여야 합니다. HTML 태그 방식 준수) 이를 // jquery var temp = $("#temp").data("nameAndAge");// 메이쁘,secret $("#temp").data("nameAndAge", "메이쁘,비밀");// ..

안녕하세요. 보통 jsp에서 결론은 $(document).ready 가 window.onload 보다 먼저 호출됩니다. 그 이유는 $(document).ready 는 DOM 트리만 완성되면 바로 호출하기 때문입니다. 즉, 웹 페이지를 구성하는 단계에서 DOM 트리를 만든 이후, CSS나 외부 import한 js, 이미지, iframe 등을 추가적으로 로딩한 다음 웹 페이지가 완성되는데요. 이렇게 모든 구성 요소를 로딩(메모리에 적재 후 화면에 출력) 시킨 후에 호출하는 함수가 window.onload 이기 때문입니다. 그렇기 때문에, $(document).ready 는 빠른 실행 속도가 필요할 때 사용되며, 중복해서 여러 개를 만들어두면 순차적으로 실행됩니다. 반면, window.onload는 단 하나의..

안녕하세요. Spring Framework 를 사용하다보면 MVC 중 컨트롤러에서 자주 사용하는 이 @Autowired 에 대해 알아보려 합니다. 예를 들어 @Autowired private TempBc tempBc; 이렇게 사용하곤 하는데요. 왜 저기서 @Autowired 가 사용되었을까? 궁금해서 찾아보며 공부해봤습니다. 그리고 제가 이해한 내용을 작성하면서 저와 같이 궁금한 사람들에게 정보를 나눠드리고자 포스팅하게 되었습니다. @Autowired 정의 - 알아서 의존 객체(Bean) 를 찾아서 주입한다. - 의존 객체(Bean) 가 2개 이상이면 오류를 발생시킨다. - 보통, 인터페이스 선언 시 사용된다. 잉?? 주로 다른 포스팅 글에서는 이렇게 정의내리고 끝나는데요. 의존 객체가 무엇인지, 어떻게..

안녕하세요. 스파 브랜드의 그 SPA가 아닌 웹에 사용하는 SPA 에 대해 다뤄보겠습니다. SPA(Single Page Application) ? - 페이지가 하나인 어플리케이션 (!) - 주로 페이지 이동 시 Ajax로 동적 데이터를 요청하고, 받은 json 결과를 View에 바로 뿌려주는 Application. 그래서, 페이지는 하나. SPA 사용 이전까지는 페이지 요청 시 웹 서버에서 HTML을 만들고, 꾸미고 해서 그걸 받아 렌더링했었습니다. (뷰는 서버 - 사이드에서 담당) 그 결과, 웹의 규모가 커질수록 데이터 전송 과부하로 점점 속도가 느려졌습니다. 이를 해결하기 위해 SPA가 나왔는데요. 서버 단에서 HTML을 만들어서 클라이언트는 그 결과만 화면에 출력했다면, SPA는 클라이언트 - 사이..

안녕하세요. 웹 개발할때 듣는 쿠키, 세션, 그리고 캐시에 대해 정의와 사용 이유, 동작 원리에 대해 알아보겠습니다. 쿠키와 세션이 대비되는 차이점이 있고, 캐시는 쿠키와 용도가 비슷하지만 조금은 차이가 있습니다. 하나씩 알아볼까요? Cookie (쿠키) - 웹 브라우저가 별도의 쿠키 저장소에 보관하는 데이터 - 웹 서버에서 웹 브라우저에게 정보(데이터)를 전송하며, 정보의 유효기간을 지정할 수 있습니다. - 유효기간동안 웹 브라우저의 쿠키 저장소에 쿠키가 저장되고, 유효기간을 지정하지 않으면 웹 브라우저가 닫힐 때 삭제됩니다. *** 유효기간 미지정 시 메모리에 기록되기 때문에 웹 브라우저 종료 시 날라갑니다. - 바꿔말하면, 유효기간 이내에는 웹 브라우저를 닫아도 삭제가 되지 않습니다. *** 클라이..