Bangta's quantum

[library] react start 오류 리엑트 관련해서 간단하게 프로젝트를 만들어보고 싶어 유튜브를 검색한 후 여기를 보고 간단한 todolist를 만들어 보기로 했습니다. 영상에 나오는대로 우선 따라해보는 중(무지성 따라하기 실패 ㅠ)에 만난 오류에 대해 작성해 보려고 합니다. Error npm start 커맨드로 서버를 띄우는 과정에서 오류가 뜨지 뭔가요...ㅠ 무지성 따라하기 실패ㅠ 브라우저에서 위와 같은 오류를 띄우고 있습니다 [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\admin\Documents\Github\react-todo-list\node_modules\..

의 데이터를 보내기 위해 serialize를 하는 과정에서 특정한 값들이 자꾸 빠져서 넘어가길래 오랜시간 삽질을 했습니다. 다음부터는 삽질을 하지 않기 위해 간략하게 오늘 한 삽질에 대해 정리하려고 합니다. Serialize 시 disabled는 적용이 되지 않음. 제목 그대로 .serializeObject()혹은serializeArray() 처럼 데이터를 직렬화 시킬 경우 해당 태그에 disabled 속성이 존재하면 serialize에 포함되지 않습니다. 만약 client쪽에서 값 출력이 잘 되는데 server쪽에서 값이 넘어오지 않는다면 serialize 시 값이 누락된 것을 의심해 보시는것을 추천합니다. 막상 작성하니 글이 상당히 짧네요. 저처럼 이렇게 쉬운 경우에 반나절을 허비하시지 않으시면 좋겠..

Before we go 예전에 prop()와 attr()을 사용함에 있어 존재하는 차이점에 대해서 찾아본 적이 있습니다. 그런데 이번에 다시 사용하려고 하니 기억이 안나더군요. 그래서 후에 또다시 기억이 나지 않을 때 다시 볼 수 있도록 간략하게 정리하려 합니다. 버전에 따른 사용법 차이 jquery 1.6 이전 ​ 1.6버전 이전에는 attr()을 사용합니다. 이 때에는 property와 attribute가 구분되지 않는 형태로 결과값이 제공되었다고 합니다. jquery 1.6 이후 ​ 1.6버전 이후부터는 attr()은 속성 그 자체의 값을 반환하고 있으며, prop()는 속성값을 명시적으로 찾아낼 수 있는 방법을 제공합니다. https://api.jquery.com/attr/ As of jQuery..

버전 Bootstrap 5.13 Error modal에 값을 전달하기 위해 script로 .modal("show")를 사용하여 변환하는 과정에서 오류가 생겼습니다. modal.js:313 Uncaught TypeError: Cannot read properties of undefined (reading 'classList') at he._isAnimated (modal.js:313) at he._initializeBackDrop (modal.js:195) at new he (modal.js:83) at Function.getOrCreateInstance (base-component.js:55) at HTMLButtonElement. (modal.js:421) at HTMLDocument.s..

innerHTML innerHTML의 경우 기본적으로 태그를 일반 text 문자로 인식하게끔 되어 있습니다. 이는 https://www.w3.org/TR/2008/WD-html5-20080610/dom.html#innerhtml0 해당 링크에서 나와 있듯이 script elements inserted using innerHTML do not execute when they are inserted. code injection과 같은 경우를 방지하기 위해서라는군요. 따라서 ajax로 페이지를 붙일 때 innerHTML을 제외하고 를 적용 시키는 방법은 총 2가지가 있습니다. elemental.innerHTML=string 대신 jQuery의 $(elemental).html(string)을 사용하면 됩니다. ..

Before 항상 jQuery의 ajax를 사용하여 비동기 요청을 주고 받았는데 요즘에는 대부분의 브라우저에서 fetch()를 지원한다는 글을 보았습니다. 그래서 저도 기본에 사용하던 $.ajax()를 fetch를 사용하여 바꿔 보기로 하였습니다. $.ajax | GET 기존 코드 $.ajax({ url: getContextPath() +"/restapi/member/memberList" , type: 'get', success: function(res) { console.log("성공"); console.log(res); }, error: function(xhr, error, msg) { console.log(xhr); console.log(error); console.log(msg); ..