분류 전체보기126 [SpringBoot] war로 배포하기, 외장 톰캣 구동 (+Trouble Shooting) 상황 SpringBoot의 경우 기본적으로 내장 tomcat을 지원하고 이는 jar 형식으로 배포해서 사용한다. 하지만 좀 더 세부적인 톰캣 모듈 설정이 필요하거나 고객사의 요청에 의해 war로 패키징 해야하는 경우도 있다. 내 상황도 고객사의 요청에 의해 jar 방식을 war 로 바꾸어야 했다. 하나씩 차근차근 해보며, 트러블 슈팅하는 과정도 정리해보려고 한다. 실행환경 및 버전 OS : Ubuntu 20.04.3 LTS build tool : Gradle IDE : Intellij 유료버전 JDK : open JDK 11 Spring Boot : 2.7.9 Tomcat : 9.0.71 (SpringBoot에 내장되어있는 톰캣과 버전을 맞춤, 내장톰캣 버전 확인방법은 아래 사진 참고) 적용 ✔️1. b.. 2023. 10. 11. [Gradle] biuld.gradle 살펴보기 Gradle ??? 자바에서 외부 라이브러리를 가져다 쓴다는 의미는 결국 외부 라이브러리의 .jar를 가져와서 classpath에 추가하는 것이다. build.gradle이라는 파일에 가져다 쓸 라이브러리의 이름, 버전을 명시하면 gradle이 자동으로 jar파일을 다운 받고 추가해준다. 요약해서 말하면 gradle은 오픈소스 빌드 자동화 툴이다. 1. 구조 살펴보기 프로젝트 구조 사진 디렉토리 /파일 설명 /.gradle /gradle gradle 버전별 엔진 및 설정 파일 gradlew gradlew.bat gradle 명령 파일 setting.gradle 빌드할 프로젝트 정보 설정 builld.gradle 플젝트 빌드에 대한 모든 기능 정의 /src 자바 소스 파일 📌build.gradle이라는 파.. 2023. 9. 5. input이 하나인 경우, enter키를 누르면 form submit 되는 현상 막기 상황 form태그 안에 input 태그가 오직 하나인 경우 엔터를 치게 되면 기본적으로 submit이 된다. 의도하지 않은 submit을 막기 위한 방법은 여러가지가 있다. 그 중에 내가 사용한 방법을 정리해보려고 한다. 적용 📌form 태그에 onsubmit="return false;" 를 주어 submit을 막는다. 📌onkeyup에 엔터(keyCode == '13') 인 경우에 실행할 함수를 호출한다. 검색 📌fnSearch() 함수 부분 : 이제 submit 속성을 true로 바꾸어준다. function fnSearch(){ $('#frm').attr("onsubmit", "return true"); $('#frm').submit(); } 2023. 7. 18. [jQuery] 제이쿼리 validation 활용하여 유효성 검사(ajax 실시간 통신, 유효성 실패 메시지 변경) jQuery validation 커스텀 제이쿼리 validation 플러그인의 기본적인 사용법은 저번 포스팅을 참고하면 좋을 것 같다.2023.02.28 - [Programming/JavaScript & jQuery] - [jQuery] 제이쿼리 validation 플러그인으로 쉽게 유효성 검사하기 이번 포스팅에는 좀 더 자유도 높게 다양한 커스터마이징을 해보려고 한다. 적용 ✔️1. 필드에 입력 시, 실시간 ajax 통신하여 유효성 검사하기 📌input에 입력할 때, 서버 호출하여 유효성을 검사하는 방법이다.자주 쓰이는 예를 들자면 바로 회원가입할 때, 동일한 ID 존재 여부 검사이다. 사실 커스터마이징할 필요 없이, jquery validation은 remote라는 메소드를 제공해주긴 한다.관.. 2023. 5. 2. [JavaScript & JQuery] 동적으로 생성된 요소에 이벤트 바인딩 상황 프로젝트를 진행하다보면, 페이지가 그려지고 난 후에 ajax 등 비동기 방식을 이용하여 동적으로 요소들을 생성, 추가하는 경우가 있다. (innerHTML이나 jQuery의 append()와 같은 방법 등..) 이런 경우에는 이벤트 바인딩이 되지 않는다. 이미 페이지가 로드되면서 작성한 이벤트 코드가 바인딩 된 상태이기 때문이다. 동적으로 추가된 요소에 이벤트를 바인딩해야 한다면 어떻게 해야 작동할까? 적용 ✔️1. 자바스크립트로 동적 요소 이벤트 바인딩 📌이벤트 버블링을 이용해서 미리 그려져있는 요소에 이벤트를 건다. // 여기에 동적으로 appendChild 동적 추가 동적으로 생성! 동적 추가 위 소스를 간단히 설명하면, [동적 추가] 버튼을 클릭 시 root태그 하위에 h2태그로 감싸진 ht.. 2023. 4. 26. IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 2 상황 저번 포스팅에서는 vue.js를 IntelliJ에 설치를 했다면,이번에는 backend 서버와 frontend서버를 연결하여 데이터 주고 받기를 해볼 차례다. 설치 포스팅 👇 2023.04.19 - [Programming/Vue] - IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 1 적용 ✔️. backend 서버와 frontend 서버를 연결하여 데이터 주고 받기 Spring Boot와 Vue.js 설치를 했으니, 이제 연동을 시켜보자. 📌 Proxy서버를 활용하여 연동할 수 있다. Spring Boot(백엔드 서버)와 Vue.js(프론트엔드 서버)를 연결하기 위해 중계인인 Proxy가 필요하다. 나같은 경우에는 백엔드는 8081 (application.properties.. 2023. 4. 19. 이전 1 2 3 4 5 6 7 8 ··· 21 다음
