Bootstrap에서 팝업 및 툴팁 기능을 제공하는 popper.js를 사용하기 위해서 등록했다가 아래와 같은 Error가 뜨고야 말았다. 원인 사유 Unexpected token 'export' 에러는 Javascript 모듈에 대한 지원이 없는 환경에서 ES6(ECMAScript 2015) 모듈을 로드하려고 할 때 발생하게 된다. export 속성은 ES6 모듈 시스템에서 모듈에서 특정 기능이나 값을 내보내기 위해서 사용되며, 이를 통해 다른 모듈에서 해당 기능이나 값을 사용할 수 있게 된다. 해결 방법 스크립트를 선언할 때, export를 추가하도록 한다. 문제 발생 코드 문제 해결 코드
제이쿼리(jQuery)는 자바스크립트 라이브러리(Javascript library)로, Html 문서 조작, 이벤트 처리, 애니메이션 등 다양한 기능을 쉽게 구현할 수 있도록 도와주는 라이브러리입니다. 이번 포스팅에서는 jQuery의 기본 개념과 사용법을 코드 예제를 곁들여서 자세히 살펴보도록 하겠습니다. jQuery의 라이브러리 로딩 jQuery 라이브러리를 사용하기 위해서는 먼저 jQuery 라이브러리 파일을 HTML 문서에 로딩해야 합니다. jQuery 라이브러리 파일은 jQuery 공식 웹사이트에서 다운로드하거나, CDN(Content Delivery Network)에서 제공하는 파일을 사용할 수 있습니다. HTML 예시 선택자(Selector) Query를 사용하여 HTML 요소를 선택하기 위해..
웹으로 회원가입 페이지를 만들 때, 값을 체크하기 위해서 입력 후 점검하는 펑션 등을 호출해야 되는 경우가 있는데요. 이렇게 Html에서 포커스를 잃어버렸을 때 발생 시키는 액션을 onblur 이벤트라고 합니다. 예를 들어 패스워드를 입력한 후, repeat 패스워드를 입력했다고 가정을 하면 repeat 패스워드 입력 후 onblur 이벤트를 발생하여 패스워드를 체크하면 사용자는 다른 값을 입력하기 이전에 여부를 알 수도 있습니다. onblur 예시 위 예시는 input text에 onblur 이벤트를 넣었고, 이탈할 경우 1이라는 값이 들어있는 경고창이 뜨게 됩니다. onblur 부여하기 Html 자바스크립트 object.onblur = function() {스크립트}; 자바스크립트 (addEventL..
회원가입 페이지는 일반적으로 회원값을 전송하기 전에 자바스크립트(Javascript)에서 폼에 있는 값을 검증한 후, 이상이 없을 경우 페이지에 전송하게 됩니다. Javascript로 패스워드와 패스워드 확인 컬럼을 체크한 후 이상이 없을 경우 폼의 값을 넘기는 자바스크립트와 해당 기능을 어떻게 submit에 넣는지 알아보도록 하겠습니다. Javascript Code function validatePassword() { var passwd = document.getElementById("password").value; var repeatPasswd = document.getElementById("repeat-password").value; if (password != confirmPassword) { a..
ChatGPT를 관리하는 프로그램을 만드는 도중, 오랜만에 웹을 건드리니 익숙하지 않아서 그런지 아래와 같은 에러가 발생하였다. 에러 메세지 [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Unrecognized token 'prompt': was expecting (JSON String, Number, Array, Object or token 'null', 'true' or 'false'); nested exception is com.fasterxml.jackson.core.JsonParseException: Unrecognized token 'prompt': was expecting (JSON ..
