웹 애플리케이션을 배포할 때, 서버 환경별로 값을 달리해야 하는 값들이 있을 수 있습니다. 예를들면, 로컬에서 테스트하는 database 접속 정보와 실 서버에서 이용하는 database 접속 정보가 다를 수 있을 것이고. 그 외에도 특정 폴더 경로의 절대경로의 경우에도. 리눅스 기반 서버와 Windows 서버의 폴더구조가 다르기에 값을 달리 작성해야하는 필요가 생깁니다. [Spring Boot] 프로퍼티 파일(yml) 여러개 설정하기 포스팅에서는 긴 프로퍼티 파일을 성질에 따라 쪼개어, 2개 이상의 프로퍼티 파일을 읽어들이는 방법을 알아보았다면, 이번 시간에는 서버 환경별로 활성화 시킬 프로퍼티 파일을 선택하여 배포할 수 있도록 하는 방법을 배워볼 것입니다. 프로파일 폴더 구조 프로파일별 프로퍼티 설정..

CodePage 변경하기 CodePage 란? 레지스트리 편집기로 Console의 CodePage 변경 1. CodePage 란? 코드페이지는 전세계 문자와 키보드를 대응시키기 위해 만들어진 것으로 코드 페이지 설정에 따라 동일한 키보드 입력으로도 각기다른 언어를 화면상에 표시할 수 있습니다. Windows 10 cmd 의 default 활성 코드 페이지는 949 입니다. CP 949는 한글을 표현한 코드페이지로, EUC-KR의 확장 버전으로, 한 문자를 2byte를 이용하여 표현합니다. EUC-KR이 한글을 표현하기 위한 인코딩 방식이라면, UTF-8은 unicode 기반으로 전세계의 모든 언어를 언어팩 설치 없이 화면상에 표현할 수 있기 때문에 많이 이용되고 있습니다. 한 문자를 3byte를 이용하여..

OpenAPI 3.0 OAS 란? Swagger 란? springdoc-openapi 설정 의존성 라이브러리 추가 프로퍼티 설정 (operations-sorter, display-query-params-without-oauth2) Swagger Info 설정 Swagger-ui 실행 /swagger-ui/index.html Swagger-ui 실행 및 csrf token 문제점 2. 설정 2.1. 의존성 라이브러리 추가 pom.xml에 springdoc-openapi 을 추가합니다. org.springdoc springdoc-openapi-ui 1.6.6 2.2. 프로퍼티 설정 springdoc: version: '@project.version@' api-docs: path: /api-..

thymeleaf inline javascript 에서 문자 그대로 출력하기 swagger 테스트 중에 거슬리는 현상을 발견했습니다. 바로, script 내의 msg가 한글이 아닌 유니코드로 표기되는 문제입니다. 과연.. 한글은 무조건 유니코드로 표기되는것인가 했더니, title에는 한글이 표기되는것을 보니 그 문제는 아닌것 같고. inline javascript에서 문자열 설정하는 과정에서 유니코드로 설정하는 것으로 추측되었습니다. 그럼, 실제 작성된 코드를 살펴보도록 합시다. window.onload = function(){ /* var nextPage = [[@{__${nextPage}__}]], msg = [[${msg}]]; if(nextPage) { alert(msg); location.hre..

웹 애플리케이션의 실행 환경에 따른 구성설정의 외부화를 위해 프로퍼티 파일을 사용했습니다. spring boot에는 예약된 프로퍼티 키가 존재하며, 예약된 프로퍼티에 설정을 추가하는 것 만으로도 자동으로 설정을 대신해준다고 했었습니다. spring boot에서 예약된 프로퍼티 키를 이용하는 것 외에도 우리가 직접 프로퍼티를 설정하고 설정한 값을 이용할 수 있습니다. 별도로 추가한 프로퍼티가 많아질 경우에는 파일이 매우 복잡해질수도 있고, 프로퍼티를 확인하것도 불편해질 것입니다. 이에 대한 해결책으로 이번 시간에는 프로퍼티 파일을 여러개 설정하고 웹애플리케이션의 시작시 자동으로 읽어들이는 방법을 알아볼 것입니다. 코드분리 테스트 API Spring Boot 2.4 미만 버전 구성파일 위치 설정 OS의 환경..

Vanilla JS와 jQuery의 너비, 높이를 조회하는 방법은 차이가 있습니다. Vanilla JS를 이용하여 Element의 높이를 조회하는 방법을 알아보고, 기존에 jQuery로 작성한 코드를 migration하는 방법을 알아봅시다. ※ 너비(width)와 높이(height)는 규칙이 동일하므로 너비에 관한 설명은 생략합니다. 테스트 환경 Element의 height 관련 프로퍼티 innerHeight : 내부높이 offestHeight : 실제높이 scrollHeight : 스크롤높이 jQuery height 함수를 Vanilla JS로 migration height() innerHeight() outerHeight(), outerHeight(true) 1. 테스트 환경 *,*::before,*..