tomcat을 사용해 서버를 띄우게 되면 기본적으로 index 페이지에 tomcat에 정보가 노출되고 에러페이지에 tomcat에 정보가 노출된다. 이는 취약점에 해당하기 때문에 아래와같이 수정을 해줘야 한다. tomcat 설정파일 변경 /tomcat/conf/web.xml 파일 수정 /error.html index.html index.htm index.jsp 404 /error.html error 페이지 구현 /tomcat/webapps/ROOT 에 error.html 생성 에러페이지는 html 형식에 맞춰 각자 원하는데로 생성하면 된다. 재시작 /tomcat/bin 이동 ./shutdown.js ./start.js
WEB
JAVA SCRIPT를 사용하면 this를 사용하는 경우가 많이 있다. 단순한 코드에서는 흘러가는대로 대충 이해하고 넘어가면 되지만 복잡한 로직이 들어간 코드에 대해서는 확실하게 이해하고 넘어가지 않으면 계속 걸리게 될것이다.⚡️ this의 정의❗️this는?this란 ‘이것’ 이란 뜻을 가진 javas script 예약어this는 함수가 호출될때 결정된다.즉 함수의 호출 방식에 따라 호출시에 동적으로 바뀐다.아래의 코드를 보면서 이해해 보겠다.예제 1 (함수 호출)코드function outFunction() { this.title = 'Hello World!'; console.log("--------outFunction-------") console.log(this) console.log("/-..
프로젝트 오픈을 앞두고 인증서를 최신화 시킨 후 테스트를 해야하는 상황이 있었다. 이때에 로컬에서 먼저 테스트를 해보려고 했더니 http에서는 확인이 어려웠다(본인이 못한걸 수도 있다). 이참에 로컬에서 테스트를 할때에 https로 서버를 띄우는 방법을 알아보자 nuxt.config.js에 아래와 같이 설정을 해준다. __dirname에는 발급받은 인증서 경로를 뒤에는 인증서 이름을 입력하면 된다. 공식문서 : https://nuxtjs.org/docs/configuration-glossary/configuration-server/#example-using-https-configuration The server PropertyNuxt let you define the server connection ..
VUE로 개발을 하는 프로젝트를 하던 와중 data의 값은 바뀌었는데 HighChart Compnent에 데이터가 렌더링 되지 않는 문제가 발생해 해결방법을 찾게되어 포스팅 하게 되었다. 찾아보니 종종 발생하는 문제라고 한다. 나의 경우는 배경과 그 위에 그려지는 차트간의 시점 차이로 인해(퍼블이 vue가 아닌 jquery 중심의 코드로 작성되어 발생하는 문제이다) 발생했다. 해결방법로 component에 key를 이용해 해당 component를 forceUpdata 해주었다. 위의 코드처럼 component에 key를 잡아주고 데이터를 수정했을때 key값을 수정해 주면 component가 새로 그러진다.
SPRING BOOT를 이용한 게시판을 만드는 중에 AJAX를 이용한 비밀번호 변경 기능 구현중 Request method 'POST' not supported가 발생하였다. 내가 격은 바로 이 에러가 발생하는 경우는 크게 3가지이다. 1. controller에서 @ResponseBody, @RequestBody 미설정 2. JSP 파일내에 AJAX 데이터 및 형식 변환의 실수 3 controller에서 parameta 변수의 미일치 하지만 이번에는 완전히 다른 곳에서 오류가 발생했다. 결국 2시간 동안 삽질을 했다. 결국 찾아낸 결과는 button의 타입을 설정해 주지 않아서 그런것이였다. form 내에 있는 버튼은 눌렀을 시 자동으로 submit 하는 기능이 있기 때문에 따로 타입을 설정해 주지 않으..
자바스크립트를 사용하면서 가장 많이 신경써야하는 부분이 바로 비동기 통신 부분이다. 이번에 비동기 통신 함수를 콜백함수로 호출할 수 있도록 수정하는 방법을 알게되어 정리해 둔다. 호출 할 함수 - 아래의 코드가 콜백함수로 구현한 비동기 통신 함수이다. return을 할떄에 Promise 객체를 생성해준다. - resolve는 결과가 잘 실행됐을때, reject는 error가 났을때에 실행된다. const getList = function("api"){ let url = api; return new Promise(function(resolve, reject){ sendAxios(apt, 'get').then(function(response){ resolve(response.data); }).catch(fu..
Web Server VS WAS(Web Application Server) 한마디로 정리하자면 Web Server은 정적인 컨텐츠를 제공(정적 페이지)하는 서버이고 Was는 동적인 컨텐츠를 제공하는(동적인 페이지) 서버이다. 동적인 페이지와 정적인 페이지에 대한 정보는 아래의 포스팅 참고 2022.08.23 - [WEB] - [Web]정적인 페이지와 동적인 페이지의 차이 [Web]정적인 페이지와 동적인 페이지의 차이 정적인 웹 페이지(Static Web Page) VS 동적인 웹 페이지(Dynamic Web Page) 한마디로 둘의 차이는 웹 요소를 웹 페이지 내에서 바꿀 수 없냐이다. 물론 이게 정확한 개념은 아니지만 쉽게 설명하자면 정적 tae-hui.tistory.com Web Server HTTP..
서블릿(Servlet)을 한마디로 설명하자면 서블릿 컨테이너(WAS)로부터 동적인 요청을 받아 처리한 후 응답해주는 자바 프로그램 이다. 먼저 웹 서비스의 흐름을 보자면 아래와 같다. Web Service Architecture Client -> WebServer -> WAS(Web Container -> Servlet) -> Database -> Was(Servlet -> Web Containet) -> WebSerber -> Client 위에 과정에서 DA에게 접근하게 해주는 자바 프로그램이 바로 서블릿이다. 참조 : https://gmlwjd9405.github.io/2018/10/28/servlet.html
