프로그래머의 길

Emmet 은 편리하게 태그를 사용할 수 있는 기능이지만 태그의 사용법이나 css의 속성과 값을 알고 있을때 사용하는거지 본인은 할 수 없는 데 에밋의 도움을 받는게 아니다. https://docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io 에밋 단축키 모음 전부다 알 필요는 없고 필요한것 만 습특하면 된다. ! 텝 html 텝 ul 텝 fs가 스타일이고 fz가 사이즈라는걸 주의하자 ta:c ta:r ta:l tac잘되지만 tal은 엉뚱한게 나오니 콜론붙여서 하도록 하자 w40 h40 m:a lorem lorem100

Ctrl + d : 줄복제 Ctrl + Shift + d : 줄삭제 Ctrl + / : 주석처리 Ctrl + Shift + / : 블록처리된 곳만 깔끔하게 주석 Ctrl + 클릭 : 다중선택 Ctrl + Shift + 방향키 : 줄이동 Shift + Tab : 들여쓰기 Ctrl + [+,-] : 글짜크기 크게, 작게

구구단 처럼 이중for문을 이용하면 되는데 위와같이 이중 for문을 하면 기존에 나오던 (모든 리스트) x (내가체크한값) 에 해당하는 모든 값이 나와 엄청난 값이 나와버리게 된다. : if문을 통해서 haksaengInfo.num랑 체크된 값이 똑같을 때만 나타나게 조건을 준다면 체크된 테이블 값만 나오게 된다. 참고로 같은 때는 eq (==써도됨) 같지 않다는 ne (!=해도됨) 3 4 5 체크 후 검색 버튼 누르면 잘나온다 ㅎㅎ 그러나 체크박스가 지워져 버린다 ㅠㅠ 크롬 디버그를 통해서 input태그 안에 checked 를 강제로 넣어주면 체크된다, 이걸 코딩에서 구현해야한다! 여기에 checked가 있으면 되는거다. 체크했을때 저 위치에 체크된것만 박혀있게 구현해야함. if를 걸어서 num 과 체..

아무것도 체크 안하고 검색버튼을 누르면 에러발생 RequestParam 어노테이션이면 null이 들어왔을때 에러를 발생시키는데 체크박스 input 같은 경우 체크가 안되어 있으면 값자체를 아에 안보내는 특성이 있다. 어노테이션을 빼면 null이던 아니던 상관자체가 없지만 이렇게 쓰면 값을 꼭받아야 하는지 아닌지 다른 사람이 보면 알기 쉽지 않다. required=flase 로 해놓으면 null 이 들어와도 오류가 나지 않는다. 아 꼭 값이 들어올 필요가 없구나 하고 명확하게 알 수 가 있다. (아에 어노테이션이 없어도 똑같이 동작하지만 가독성때문에 이렇게 해준다.) 검색버튼 누를 시 하이라이트가 없어진다. 하이라이트 처리시 하이라이트 처리는 left를 클릭시 클릭한 pageName 값을 파라메터로 넘겨주..

&로 끊어서 동일한 chkArr에 중복으로 여러 번 넣어줘야 우리가 원하는대로의 배열로 나온다. 이걸 스크립트단에서 구현해주면된다. jsp단에서 input 태그안의 name="chkNum"은 동일한 이름으로 for문을 돌리기 때문에 chkNum을 이용하면 동일한 키값에 여러 번 넣을 수 있다. 우선 ul을 from태그로 묶어주고 (위 그림과 다르게 실제 보내는 버튼도 form으로 포함시켜놔야함) 이게아니고 요렇게! input 체크박스의 name = chkArr 바꿔서 컨트롤러 단의 param 명이랑 동일하게 해준다. 정상적으로 배열을 넘기기 위해서는 쿼리스트링의 동일 키값에 여러번 값을 넣어줘서 넣어줄때마다 배열이 증가 하면서 데이터가 들어가는걸 앞에서 확인했다. 그래서 jsp단에서 for문을 돌려 in..

속성 동등 선택자의 체크된 것만 chkBoxes 변수에 담아주고 chkBoxes.eq(i).val(); 를 통해서 체크된 value 값을 순서대로 chkArr에 push 를 통해 담아준다. 그리고 아이디 선택자로 chkArr의 value값에 배열을 넣어준다. 리퀘스트파람 맵에 받아졌고 맵에서 꺼내서 콘솔에 찍으면 위와같이 정상적으로 체크된 3개가 찍히는걸 볼 수 있다. 그러나 3,4,5 로 찍힌게 배열은 아니고 String 이다. 그러면 애초에 String을 올린건가? 아니면 배열을 보냈는데 String으로 받은건가? 분명히 배열로 선언했고 배열에 넣었다 alert을 통해 chkArr의 타입을 찍었더니 object로 나오는 거 보니 배열인것같다. (String은 string이라고 뜸) input 태그의 ..

체크된데이터를 검색버튼을 누르면 그 데이터만 나타나게 만들어보자. 고려해야 할것은 체크된 데이터만 mvc를 타서 거기서 웹단으로 보낼때 애초에 체크된 데이터만 보내던가 그리고 검색버튼을 누르고 나서 새로고침이 될때 체크된 4번 5번이 유지되어야 하는 부분을 신경써야한다. 3번, 4번의 value 값은 3 , 4 이다. 이걸 mvc타고 where에 쿼리 질의를 해서 애초에 체크된 값만 jsp단으로 넘겨줘도 되고 통째로 넘겨서 if문으로 걸러서 써도 된다. 여기서 는 통째로 넘긴후 if문으로 걸러보도록한다. 위 크롬디버깅을 보면 id는 각각 체크박스가 다르지만 name은 똑같다! 같은 name인것 들을 타겟 잡는걸 '속성동등선택자' 라고 한다. $("[name=chkNum]") : name이 chkNum인게..

앞선 for문으로 인해 1부터 시작되는 체크박스 여러개가 나타난다 input 안에 라벨이 있고 라벨만 클릭해도 체크박스 체크가 되는데 그 이유는 label 속성 for에 "chkNum[숫자]" for안에 아이디랑 동일한 체크박스를 라벨만 눌러도 체크가 되게 된다.

아이디는 웹에서 유일해야 하는건데 만약에 이렇게 써버리면 for문 개수만큼 돌릴텐데 그러면 id가 유일하지 않게된다. 중복되지 않게 만들라면 예시로 위와같이 아이디 중복만 안되게 하면된다. (동적으로 아이디 생성하여 중복을 피했다.)

이번에는 model.addAttribute에 넣지안고 실행해본다 매개변수 vo타입의 변수명과 jsp의 변수명만 맞춰주고 실행하면 add를 하지 않았는데 실행이 된다. 심지어 @ModelAttribute 를 빼고 실행해도 나온다. 어노테이션 @ModelAttribute는 매개변수에 VO가 있으면 VO클래스 명 HaksaengStatusVO 라 치면 앞글짜만 소문자로 바꿔주고 haksaengStatusVO 이 이름 그대로 모델에 자동으로 넣어준다.(뒤에 vo 타입 변수명은 상관없음) 어노테이션 @ModelAttribute 을 붙이지 않아도 되는 이유는 없으면 스프링이 자동으로 붙여줘서 그런거다 자동으로 명명해주지만 짧게 vo로 사용을 하고 싶은데 클래스명에서 앞글짜만 소문자로 넣어준걸 모델에 키값으로 넘겨주..