목록Web (25)

금백조의 개발 블로그

[.NET Core]유효성 에러 메세지가 뜨지 않는 Input validation 오류 해결(FluentValidation)

현상 FluentValidation으로 입력 데이터는 유효한데 Controller 내부에 request 디버깅도 안되고 특정 입력 input에 포커스가 가는 현상 발생. 유효성 체크 에러 메세지는 발생하지도 않음. 원인 단순 아이디 문자열 입력인데 html type에 email이 들어간 것이 원인 이었음. @Html.TextBoxFor(m => m.userId, new { id = "userId", @type="email" }) 해결 type을 email -> text 로 변경 @Html.TextBoxFor(m => m.userId, new { id = "userId", @type="text" }) 결론 FluentValidation으로 구현한 input 유효성에 문제가 있는 줄 알았으나 단순 html에..
Web/.NET Core 2023. 2. 20. 21:02
[JavaScript]form submit 2번 연속 발생 해결

문제 아래와 같은 소스로 버튼을 한 번 클릭하여 submit 하면 Controller에서 두 번 요청이 오는 현상 발생 추가 해결 type="button”을 지정하여 InsertAccount()에서만 submit되고 form 자체에서는 submit이 되지 않도록 함 추가
Web/JavaScript 2023. 2. 8. 21:39
[JavaScript]querySelectorAll을 사용하여 특정 Dom의 input 자식 요소 순환하기

특정 section 태그 내에 있는 input 자식 요소들을 찾아 모든 요소에 disabled 속성을 주고 싶었습니다. 그래서 이를 querySelectorAll을 사용하여 구현했습니다. [querySelectorAll 예제] function myFunction() { document.querySelectorAll('.section-1 input').forEach((element) => { element.disabled = element.disabled ? false : true; }); } [전체 구현 예제] Click [실행 결과] 버튼 클릭 시 마다 비활성화(disabled=true) 상태면 활성화, 활성화 상태면 비활성화로 바꿈. 활성화 비활성화
Web/JavaScript 2023. 2. 6. 21:47
[.NET Core]JSON 전송시 Controller param null 에러 해결

[문제] .NET Framework에 구현된 기능을 .NET Core로 이관하는 중 문제가 발생 아래 예제처럼 ajax를 통해 Member Controller에 요청할 경우 JSON 데이터를 보냈음에도 불구하고 param(name, age)값이 모두 null이 되는 현상 발생 문제의 코드 [memberRegister Method] function memberRegister() { $.ajax({ type: "POST", url: "/Member/Register", data: '{"name": "' + $('#name').val() + '", "age": "' + $('#age').val() + '" }', contentType: "application/json; charset=UTF-8", dataTyp..
Web/.NET Core 2022. 10. 22. 19:48
[Spring]org.springframework.beans.factory.CannotLoadBeanClassException 에러 해결

서론 잘되던 스프링 토이 프로젝트가 어느 날 갑자기 아래 에러를 띄웠습니다. org.springframework.beans.factory.CannotLoadBeanClassException 로드할 클래스가 없다고 하는데 패키지 경로에 가보니 해당 클래스는 존재했습니다. 이전에 바꾼 것도 없는데 에러가 나길래 당황했지만 아래와 같은 방법으로 해결했습니다. 본론 Eclipse 상단 Project - Clean... 선택 후 재빌드하기 (아래 Build Automatically 체크되어 있으면 자동으로 빌드됨.) 재빌드하고 다시 실행하니 정상적으로 작동...! 결론 뭔가 실행하다가 내부적으로 꼬여서 발생하는 에러였던 것 같습니다... CannotLoadBeanClassException 에러가 나타날 경우 에러..
Web/Spring 2022. 3. 14. 21:40
[Spring]CSRF 토큰이 Multipart 이미지 전송에서 인식되지 않는 이슈 해결 방법(Error Message : Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN'.)

서론 Spring 프로젝트를 진행하던 중 이미지 전송을 위해 enctype="multipart/form-data"인 form 태그 안에 아래와 같이 CSRF 토큰을 기술해도 Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN'.이라는 에러 메시지가 나타나며 인식하지 못하는 에러가 발생했습니다. 이번 포스팅에서는 이에 대한 해결 방법을 다뤄보려 합니다. 본론 multipart/form-data 전송에서 CSRF 토큰을 사용하기 위해선 Spring Framework에 구현된 MultipartFilter 기능을 활성화해야 합니다. [테스트 환경] Spring 4.3.12 Apache Commons..
Web/Spring 2021. 12. 18. 17:17
[Spring]Spring에서 PUT, DELETE Method 사용하기

서론 진행하고 있던 Spring 사이드 프로젝트에서 RESTful 하고 싶은 HTTP API를 만들기 위해 put, delete HTTP Method를 사용하려 했습니다. 단순히 form 태그 안 method 속성을 "put", "delete"로 바꾸고 요청을 시도해보았지만 Controller에 Method 별로 제대로 매핑이 되지 않았습니다. 오늘은 이를 해결한 과정에 대해서 자세히 포스팅하려 합니다. [개발환경] Spring 4.3.12 openJDK 1.8 본론 HTML form 태그에서는 GET/POST Method만 지원을 합니다. 왜 그런지에 대해서는 아래의 [REST - HTML Form에서 GET/POST만 지원하는 이유] 글에 자세히 나와있기에 링크로 대체하겠습니다. [REST - HTM..
Web/Spring 2021. 12. 4. 23:09
[Spring]타일즈(Tiles) 페이지별 CSS 동적으로 적용하기

서론 기존에 진행하던 Spring 사이드 프로젝트에 jsp페이지별 소스 재활용도를 높이기 위해 타일즈(Tiles)를 적용했습니다. 그러던 중 페이지별로 css를 다르게 적용하기 위한 방법을 찾아야 했습니다. 오늘은 그 방법에 대해 포스팅해볼까 합니다. 본론 1. tiles.xml에 css를 동적으로 적용할 put-attribute 태그의 속성을 설정합니다. (name = "dynamic_css", value = "/resources/assets/css/{2}.css") home.jsp로 예시를 들면 home.jsp가 /WEB-INF/views/board 경로에 있고 HomeController의 리턴 값이 "board/home" 이므로 {1} 에는 board, {2}에는 home 이 들어가게 됩니다. ho..
Web/Spring 2021. 11. 21. 17:53
이전 Prev 1 2 3 4 Next 다음