자바를 이용해 파일을 다운받을때에 한글이름을 사용하면 다운이 깨지는 현상이 발생한다. 크롬으로 테스트 했을때에는 한글이 깨지는 현상만 발생했지만 브라우저 별로 발생하는 현상이 다르다 이참에 브라우저별 파일 다운로드 시 인코딩 방법을 알아보자 원인 크롬(Chrome) : 파일 다운로드는 되지만 파일명의 특수문자 깨짐 익스플로러(Internet Explorer) : 크롬의 문제 + 한글 파일명을 가진 파일은 다운로드 자체가 안됨 파이어폭스(Firefox) : 파일에 공백이 있으면 그 공백을 기준으로 뒤쪽 이름은 다 짤려버림. 예를 들어 “테스트 파일.jpg”를 다운로드 해보면 “테스트”라는 이름으로 확장자도 안 붙은 파일이 다운로드 됨 해결방법 공통적으로 한글이름은 인코딩하여 넣어주면 된다. 익스플로러나 파..
WEB
프로젝트 오픈을 앞두고 인증서를 최신화 시킨 후 테스트를 해야하는 상황이 있었다. 이때에 로컬에서 먼저 테스트를 해보려고 했더니 http에서는 확인이 어려웠다(본인이 못한걸 수도 있다). 이참에 로컬에서 테스트를 할때에 https로 서버를 띄우는 방법을 알아보자 nuxt.config.js에 아래와 같이 설정을 해준다. __dirname에는 발급받은 인증서 경로를 뒤에는 인증서 이름을 입력하면 된다. 공식문서 : https://nuxtjs.org/docs/configuration-glossary/configuration-server/#example-using-https-configuration The server Property Nuxt let you define the server connection v..
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
정적인 웹 페이지(Static Web Page) VS 동적인 웹 페이지(Dynamic Web Page) 한마디로 둘의 차이는 웹 요소를 웹 페이지 내에서 바꿀 수 없냐이다. 물론 이게 정확한 개념은 아니지만 쉽게 설명하자면 정적인 웹페이지는 무언가 추가를 하기 위해서 개발자가 직접 서버에 접속해 HTML파일을 수정하거나 CSS파일을 수정해야 한다. 하지만 동적인 페이지는 페이지 내에서 이러한 수정을 할 수 있다. 우리가 블로그를 작성할 때 서버에 들어가 HTML 파일을 직접 만드는 게 아닌 글쓰기 버튼과 완료버튼을 누름으로써 글을 작성하는 것 같이 말이다. 정적인 웹 페이지(Static Web Page) 서버에 있는 내용들을 그대로 보여준다. 수정을 위해서는 서버에 접속해야하고 별도의 데이터베이스를 가지..
