JS
1.JS) 로그인시 페이지 이동
프로젝트 중 로그인을 하면 시도한 페이지를 유지하고 싶은 생각이 들게 되어 시도했다. 처음에는 Spring에서 아무 페이지든 jsp를 호출할 때 Model(request 저장공간)에 url의 정보를 담아서 포워딩 해준다음 input hidden으로 넘겨주는게 가능하지
2.JS) 장바구니 금액, 수량 합계 구현
ajax를 아직 배우진 않은 나로서 할 수 있는 최대의 구현은 js를 활용하는 방법 뿐이라는 생각에 머리아프게 구현해보았다. html code 자바스크립트 내용이다. 처음에는 뭐가 안되었는데 for( x in y) 로 하게 되면 .checked가 console에 제
3.JS) 이미지 미리보기
이미지 미리보기는 구글신의 도움과 해석을 넣어보았다. 이때 익명 function을 한번더 복습하게 된 계기가 되었다. inputThumbnail == input type="file" 인데 이것이 바뀌게 되면 readImage function이 작동하도록 구현 했다. 처
4.JS) radio를 활용한 별점
html codejs codecss처음에는 구글검색으로 여러 천재분들이 만든 별점을 봤는데 아직 이해하기 복잡하거나 css를 많이 활용을 하는 것을 보고 현재 js를 최대한 활용해 보고 싶은 마음에 직접 만들어 보았다.사실 쉬운 것을 보고 복붙을 해보았는데 range를
5.JS) querySelectorAll의 index를 가져와 event를 발생하기
위 같은 상황일 때 화살표를 누르면 해당 내용에 맞게 강의정보를 출력하는 방법이다.전제조건은 index 번호가 서로 일치해야한다 그렇기 때문에 class명을 잘 선언해주어야 한다.처음에는 for문을 돌려 이벤트리스너를 작동시키고 만들어둔 function을 동작할려고 했
6.JS) 배열과 태그 존재여부
오늘자 프로젝트 진행 중 검색한 항목은 자바스크립트 배열 문법과 태그의 존재여부이다.태그 존재여부 처음에 null이나 undefind를 통해 알려고 했는데 오류가 계속 떠서 확인해 본결과if(){}문의 ()안에 document.querySelector()만 넣어도 tr
7.JS) global로 적용한 js소스를 변경하면 클라이언트는 변경이 안되는가..
script의 src로 불러온 스크립트를 불러올 때 수정이 안되서 난항을 겪었었다.껐다 켜기를 반복해도 안되길래 브라우저를 클린 시키니 되었다.마침 오늘 선생님께서 그 이유에 대해 설명해주셨다.웹 브라우저는 js, css, img 파일과 같이 불러와서 활용된 것은 자체
8.JS) NODE 공부전 알아두면 좋은 자바스크립트
JS파일을 읽을 때 함수문은 메모리에 쌓기실행문이 실행되면 호출스택에 쌓고 실행한다실행문 중 setTimeout, Promise 중 than/catch 등을 만나면 백그라운드(Web API)로 넘긴다.다음 호출스택에 쌓고 실행이 모두 최종적으로 완료되고 어나니머스(전역