IT/HTML,CSS,JS 3

[JS/Chrome/Intellij] 수정한 CSS, JS 파일 적용 안됨 오류 해결

문제 : intellij 상에서 spring 기반으로 jsp 화면을 개발하던 중, 임포트해서 사용하던 .css와 js 파일을 수정하고, update resources를 해도 수정된 내용이 반영되지 않음. 크롬 개발자 도구로 .js 파일을 클릭했을때, 업데이트 되지 않은 내용이 그대로 있다. intellij에서 invalid cache/restart와 tomcat was 서버 restart를 해도 해결되지 않았다. 원인 : 브라우저의 캐시 사용으로 인해 원래 누적되어 있는 JS/CSS 파일을 그대로 사용하기 때문에 업데이트 된 파일이 사용되지 않는다고 한다. 해결 : import 파일명 뒤에 ?ver=(아무숫자) 를 추가한다. 기존 url과 다른 url로 인식하여, 새로운 파일을 불러와 사용하게 된다(바로..

IT/HTML,CSS,JS 2021.05.18

[javascript] document.getElementById.value undefined 오류 해결

spring 개인 프로젝트 진행 중에, jsp에 있는 태그 안의 값을 받아와야 하는데, 계속 console.log로 값을 확인했으나 받아온 값 : undefined 와 같이 표시되었습니다. jsp의 값은 게시글 상세보기가 잘 되고, print로도 찍히기 때문에 존재하나 javascript에서 넘어오지 않았습니다. 오류 : 에러메세지는 뜨지 않으나, document.getElementById("id값").value; 또는 .val; 로 호출 시, 값이 undefined 로 나옴 잘못된 예시 : var addr = document.getElementById("goods_addr").val; 또는 .value; (undefined 오류) xxxxxxxxx 해결 : div는 value값을 호출할 수 없어, 값을..

IT/HTML,CSS,JS 2021.05.13

[BootStrap] 부트스트랩 무료 템플릿 사이트 정리

부트스트랩이란 반응형 웹 사이트를 개발할 때 프론트엔트 부분을 구성하는 요소인 Html, Css, JavaScript를 편하게 사용할 수 있게 하는 프레임워크입니다. 좀 더 편하게 생각하면 도구 모음? 원하는 템플릿을 구글링과 부트스트랩 제공하는 사이트를 통해 다운받아 프로젝트에 적용하여, 홈페이지를 구성하는 하나 하나의 요소를 직접 디자인하고, 코딩할 필요 없이 편리하고 완성도 높은 디자인의 웹사이트를 만들 수 있도록 도와줍니다. 개발의 시작은 구글링이라고 볼 수 있을 만큼 구글링은 프로그래밍에 필수적 요소인데요, 구글 검색창에 free bootstrap template 와 같이 검색 후 이미지 보기를 통해 원하는 디자인의 템플릿을 찾은 뒤 다운 받으셔도 됩니다. 이런 식으로요! 그러나, 이미지 검색을..

IT/HTML,CSS,JS 2021.01.08