분류 전체보기
[Tomcat Error] Server Tomcat v9.0 Server at localhost failed to start 에러
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=bgpoilkj&logNo=221691749988 [톰켓오류해결]Server Tomcat v9.0 Server at localhost failed to start. 안녕하세요. S Writer입니다. 지난번에 javax.servlet오류해결방법에 대해 알아보았는데 이번에는 톰켓시... blog.naver.com https://devlimk1.tistory.com/10 [Tomcat_Error] Server Tomcat v9.0 Server at localhost failed to start 에러 해결방법 2가지! 데브림의 블로그 포스팅 한 것들을 한 눈에 확인하고 싶다면 클릭! 👉 h..
[Servlet/JSP] POST파라미터 값 UTF-8인코딩 하는 필터, 회원의 IP/URL체크하는 필터
👩💻 자바 개발자 양성과정 28일차 POST파라미터 값 UTF-8인코딩 하는 필터 회원의 IP/URL체크하는 필터 filter를 맵핑할때 방법은 두가지이다. 1. filter파일 상단에 적는 '에노테이션 방식' @WebFilter("/AuthFilter") @WebFilter(value="/*", initParams = {@WebInitParam(name="encoding", value="utf-8")}) 2. web.xml에 적는 방식 Logging LoggingFilter Logging /* Encoding EncodingFilter encoding utf-8 Encoding /* 두가지 방법 모두 작동은 동일하게 되지만, 차이점은 "web.xml에 적는 방식에 적는 방식은 작동순서를 조정할 수 있..
[Servlet/JSP] 페이지 이동 삼총사 - Forwarding, Redirect, Include
👩💻 자바 개발자 양성과정 26, 27일차 Servlet에서 데이터 검사해서 이전페이지로 되돌리기(Redirect/Forword) 프로젝트 path가져오기 request.getContextPath() Forwarding, Redirect, Include 쿠키/세션 26일차 9/28 오늘 너무 어려워서 약간.. 멘붕이다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ😨 import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.io.PrintWriter; public class BufferedReaderTest { public static void main(String[] args) { ..
[Servlet/JSP] Servlet 작동 방식
👩💻 자바 개발자 양성과정 25일차 Servlet 작동 방식 이클립스에서 run하는 것과 bin/startup.bat의 차이 Servlet의 GET/POST Servlet에서 txt파일 내용 읽기 🍔 Servlet서브렛 작동방식 welcome servlets.WelcomeServlet welcome /welcome 예 : http://localhost:8080/servletWebApp/hello Context Path : servletWebApp servletWebApp가 있는지 확인함 web.xml을 찾음 servlet-class에서 servletWebApp를 찾음 연결된 url-pattern으로 servletWebApp을 응답함 servletWebApp가 있는지 확인함 @WebServlet(valu..
[JQuery] 효율적인 요소 반복 추가, this의 자식 요소 선택, 자식요소에 이벤트 추가
👩💻 자바 개발자 양성과정 25일차 효율적인 요소 반복 추가 this의 자식요소 선택 자식 요소에 이벤트 추가 오늘은 원래 휴강인데, 지난주에 코로나때문에 휴강한거 보강을 하게 되었다..ㅎ 1️⃣ 효율적인 요소 반복 추가 제이쿼리에서 요소 추가시 +=를 사용해서 문자로 추가하는 방식과 array에 배열을 넣은 다음 붙혀서 추가하는 방식이 있다. 이때는, array를 사용하는게 더 효율적인 방법이라고 한다. var arr = '' for (const user of nameList) { arr += `${user.name}${user.age}` } $('table > tbody').append(arr); 이거보다 var arr = []; for (const user of nameList) { arr.pus..
[JavaScript] 자바 개발자 양성과정 23일차 - 마우스 위치 추적(offsetX, offsetY, 이벤트 삭제(removeEventListener())
🔆 자바스크립트로 마우스 위치 추적하기 - e.offsetX, e.offsetY //이벤트 핸들러 (이벤트 리스너) function showPoint(e) { const showPoint = document.getElementById("showPoint"); showPoint.innerText = `x : ${e.offsetX}, y: ${e.offsetY}`; }; 🔆 자바스크립트로 이벤트 삭제하기 - removeEventListener() DOM앨리먼트.removeEventListener("addevent에서 지정한 작동타입", addevent에서 지정한 이벤트 핸들러) 만약, 이벤트 핸들러 함수의 이름이 없으면 삭제가 안된다. 그래서 삭제를 하려는 Event는 function으로 분리해줘야한다. c..
[Javascript] 자바스크립트로 form 폼체크 후 submit하기
1️⃣ html form태그에 action을 지운다. > onsubmit="return false;" 을 적어준 이유 : 폼체크 후 input내 내용이 삭제되지 않게 하기 위함임! (참고링크) 2️⃣ if문으로 폼태그의 정보를 확인한다. 3️⃣ form 프로퍼티를 활용하여 값을 준다. form.action = 'http://www.naver.com'; form.mothod = 'GET'; form.submit(); form 프로퍼티 action form데이터를 보낼 곳 elements 폼 안에 있는 요소를 선택할 때 사용함 설명 enctype application/x-www-form-urlencoded 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함. multipart/form-data ..
[Javascript] 기본동작 멈춰! (e.preventDefault())
가끔 a태그가 a태그의 역할을 안해줬으면 하는때가 있다 (응?🤷♀️) a href에 #를 하고 onclick을 준다던가, a링크로 인식되면 좋겠지만 링크가 작동되지 않았으면 할때가 있다. 당장은 "이런걸 언제써ㅋㅋ" 싶겠지만 언젠간 한번은 필요한 순간이 온다. See the Pen 기본동작 제어 - e.preventDefault() by hoyashu (@hoyashu) on CodePen. dom객체의 click이벤트가 실행되는 순간 해당 이벤트의 정보를 e에 받아와서 e.preventDefault() 해주면 해당 클릭으로 실행되었어야하는 기본동작이 실행되지 않는다. 이러한 기능은 기본적으로 실행되어야하는 모든 기본동작에 해당된다. a태그, file버튼, submit버튼 등..
[Javascript] 이벤트 버블링(bubbling) 공부해보자🛁, 그리고 버블링 멈춰!보자(.stopPropagation())
버블링.. 매번 공부하고 의미는 대충 알고 있는데 확실히 정리해두고 싶다. (매번 까먹음;;🤦♀️) 일단 버블링을 글로 설명하자면, 본인의 자식요소까지 부모요소의 이벤트가 전파되는 것이다. 즉, 자식의 이벤트를 실행시켰는데 부모의 이벤트도 함께 실행되어 버리는 상황이다. 작동되는 상황을 보자면 아래와 같다. See the Pen 이벤트 버블링(bubbling) by hoyashu (@hoyashu) on CodePen. div3을 누르면 div3의 이벤트만 실행되었으면 하는데, div1, div2의 이벤트가 모두 발생한다. (= 자식의 이벤트뿐만 아니라 부모의 이벤트까지 실행되는 상황) 이러한 상황을 이벤트 버블링(bubbling)이라고 하는 것이다. 이러한 버블링을 막고, 자식을 클릭하면 자식요소의 ..
[JavaScript] 코딩 피드백 - 태그 추가/수정/특정 문자 변경하기 (firstChild, nodeValue)
어제는 javascript로 DOM을 제어하는 방법을 배웠다. 배운 것을 하나의 기능으로 구현해보았는데, [수정] 버튼 클릭시 item 1 /item 2 에서 item을 happy로 바꾸고 싶었다. 그래서 나는 DOM에 innerHTML로 item 1 의 문자를 가져와서 replace로 숫자만 남긴 다음 createTextNode에 happy글자에 방금 남긴 숫자를 더해서 구현했다. 사실, 글자를 바꾼다는 의미로는 많이 부족한 코드 같아서 선생님께 피드백을 요청드렸다. 🔽 내가 작성한 코드 changeBtn.addEventListener("click", function () { let div = document.getElementById('div'); //DOM객체 if (div != null) { le..