JavaScript4 prop()으로 체크박스 선택/해제 기능 구현 prop()의 경우Javascript로 속성값을 가져오거나 수정할때 사용된다. .prop("propertyName")의 경우 속성값을 가져오고 .prop("propertyName", value)는 속성값을 추가해준다. 이 경우 게시판에서 전체선택을 누르면 그 아래 해당되는 체크박스를 모두 선택하게 하기 위해서 쓴 것이다. 전체선택("#allCheck")을 click하면 name이 noList인 체크박스로 가서 선택을 해주는데, 단순히 체크만 되게 하려면 이렇게 하면 되겠지만, 이 경우 전체 선택을 해제하려고 할때는 전체 선택만 해제되고, 그 아래 선택되었던 체크박스들은 체크된 상태를 유지한다. 그래서 이렇게 $("#allCheck").prop("checked") 를 추가하여 이게 true 일때는 아래 n.. 2023. 3. 20. [javascript] Uncaught SyntaxError: Invalid shorthand property initializer 해결 하기 간단한 ajax 코드를 작성하는데 Uncaught SyntaxError: Invalid shorthand property initializer 이라는 오류가 떴다 shorthand property (단축 속성명)의 initializer (초기자)를 잘못 썼다는 뜻인데 url, data 는 ' : ' 로 잘 써놓고 type 부분에서 ' = ' 로 써서 발생한 문제였다. 잘못 쓴 부분을 ' : ' 로 수정하고 문제 해결! 2023. 3. 15. 수정)게시판 내 삭제 기능 jsp작성 도중 풀리지 않는 의문 해결! 수정 삭제 게시판에서 글을 삭제할때 삭제 버튼을 누르면 링크로 넘어가는게 아니고 JS 로 넘길 때 안에 "javascript: 넘길 함수" 로 해서 요기로 넘기고 confirm 으로 다시 한번 정말로 삭제할지 물어보고 boardDel.jsp로 넘기는데 if(result>0){ //삭제하면 글 목록 response.sendRedirect(request.getContextPath()+"/board/boardList.jsp"); }else{ // 삭제가 이뤄지지 않으면 글 내용보기 response.sendRedirect(request.getContextPath()+"/board/boardView.jsp?no="+no); } BoardDAO에 있는 삭제를 담당하는 메소드에서 delete되고 다시 위에 코드블럭으.. 2023. 2. 21. react 입문과 기본 문법 react는 JS 라이브러리다 JS 공부가 기본이 되고 그 위에 쌓아가면 되는건데 마침 지금 jquery를 공부하는 중이라 오랜만에 html, css, js를 만지작 거리고 있어서 시작하기 좋은 시기인것 같다. react는 굳이 새로고침을 안하는 싱글 페이지를 어플을 만드는데 많은 도움이 된다고 한다. 그리고 당연한 얘기겠지만 JS 라이브러리니까 html 사용하는데 있어서 도움이 된다. [기본중의 기본] 미리보기 띄우기 : Terminal>New Terminal > npm start [JSX] JSX : .js 파일에서 html 작성할때 쓰는 문법/언어다. JSX 문법 1. class 넣을 땐 className class 문법이 따로 있는데 그거랑 겹쳐서 html의 class 용도로 쓸땐 classNam.. 2023. 2. 20. 이전 1 다음
