개발 메모장

#. 현재 JSP 및 HTML만 사용하고 있습니다. #. React에 대한 기본적인 부분이라도 알고 싶어 확인해 보니 여러 플러그인을 사용하려면 Node.js가 필요했습니다. #. 그래서 Node.js를 설치하고 React 프로젝트까지 설치하는 방법을 적어보고자 합니다. Node.js란?- 웹브라우저 외부에서 JS 코드를 실행할 수 있게 하는 JavaScript 런타임 환경이라 할 수 있습니다.- Google의 V8 JavaScript 엔진을 사용해 실행합니다.Node.js의 주요 기능1. JavaScript 런타임    - Node.js를 사용하면 개발자가 JavaScript로 서버 측 코드를 작성할 수 있습니다.    - 프런트엔드에서 백엔드까지 웹 개발에 일관된 언어 사용이 가..

#. 개발한 내용이 jQuery 3 버전대에서만 처리되는 것이 있었습니다. #. 그러나 기존 개발베이스는 jQuert 1 버전대를 사용하고 있었고 이미 개발되어있는 것이었기에 3 버전대로 변경하면 문법 및 존재하지 않는 기능 오류를 뱉어대는 것이었습니다. #. 확인해 보니 새로 개발한 내용이 1 버전대에선 정상적으로 처리되지 않았습니다. #. 그래서 찾아보던 중 이중으로 사용이 가능하다고 하여 noConflict 기능을 사용해 봤습니다. #. noConflict()기본 jQuery의 식별자는 $ 기호로 $("#ID") , $.ajax, $.each() 등과 같이 사용하게 됩니다.그러나 식별자가 $인 다른 라이브러리를 같이 사용하고자 할 때 덮어 써지면서 기존 라이브러리 기능을 온전히..

#. 자바스크립트에서 ajax를 이용해 데이터 처리를 할 때 오류 문구를 커스텀해야 하는 경우가 빈번합니다. #. 스크립트 단에서 막아 처리할 수 있으나 프론트와 백엔드 모두 막는 게 옳습니다. #. 하나의 메서드 안에서도 여러 개의 유효성 체크 및 검증이 필요한 경우 사용자에게 정확한 오류내용을 알리기 위해 아래와 같이 처리했습니다. Step 1. Java Script > Ajax 작성하기- 유효성 체크 및 데이터 처리를 위해 넘깁니다. - 예외처리 된 에러 메시지를 Alert에 띄워야 하므로 ajax의 error 부분을 확인합니다. - 서버로부터 응답받은 내용 중 해당 문구가 있으므로 파싱하여 Alert 내 입력합니다. $("#testButton").click(functi..

#. 강력한 보안을 위해 비밀번호 정규식은 필수적으로 정의가 필요합니다. #. 비밀번호 정규식영문(대소문자) + 숫자 + 특수문자가 각 1회 이상 입력되어 있고 10자리 이상const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+~`\-={}[\]:;"',.?/\\]).{10,}$/; (?=.*[a-z]) : 소문자가 하나 이상 있는지 확인(?=.*[A-Z]) : 대문자가 하나 이상 있는지 확인(?=.*\d) : 숫자가 하나 이상 있는지 확인(?=.*[!@#$%^&*()_+~`\-={}[\]:;"',.?/\\]) : 특수문자가 하나 이상 있는지 확인.{10,} : 입력한 문자가 10회 이상인지 확인 ( 필요에 따라 비밀번호..