금백조의 개발 블로그

서론 input 태그들을 querySelectorAll로 가져와 value를 초기화해주려고 했는데 radio type이 아닌 input만 가져와서 초기화를 해야했습니다. 이 과정에서 알게된 not 연산자를 이용한 querySelectorAll 필터링 방법에 대해 소개하겠습니다. 본론 AND 조건 해석 : input 태그 중 radio type이 아니고 class가 test가 아닌 input 전부 가져오기 const inputs = document.querySelectorAll("input:not([type='radio']):not([class='test'])") OR 조건 해석 : input 태그 중 radio type이 아니거나 class가 test가 아닌 input 전부 가져오기 const input..

문제 아래와 같은 소스로 버튼을 한 번 클릭하여 submit 하면 Controller에서 두 번 요청이 오는 현상 발생 추가 해결 type="button”을 지정하여 InsertAccount()에서만 submit되고 form 자체에서는 submit이 되지 않도록 함 추가

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

서론 진행 중인 Spring 웹 사이드 프로젝트에서 서버에서 전달받은 EL표현식으로 된 값(JSON 형식)을 JavaScript 내에서 할당할 방법을 찾고 있었습니다. 이 과정 속에서 알게 된 JavaScript로 EL값을 표현하는 방법과 발생했던 이슈사항 및 해결법에 대해 작성해볼까 합니다. 본론 만약 아래와 같이 서버에서 게시판의 게시글 정보를 JSON 형태로 전달해준 EL값이 ${PostData}라고 가정해보겠습니다. [${PostData}] { "post":[ { "title":"게시글1", "content":"내용1" }, { "title":"게시글2", "content":"내용2" }, { "title":"게시글3", "content":"내용3" }, { "title":"게시글4", "cont..