웹 프로그래밍6 <input> 엔터(keyCode == 13) 때 새로고침 현상 해결 발생 원인 form tag 내부에 input text가 하나 있을 때 엔터 키로 자동 submit이 되면서 생기는 문제 해결 방법 1. form tag에 onsubmit 속성을 이용한다. 2. input box 추가 form 태그 내부에 input 박스가 한 개만 존재해서 생기는 문제이므로 input box 추가로 해결할 수 있다. 개인적으로 이 방법은 안쓰고 싶어서 아래 방법으로 해결하였다. 3. key 이벤트 처리 enter key 처리를 위해 keyup, keydown 등등 바꿔가며 써봤는데 계속 실패했다. up 처리 후 down이 이루어지면서 form이 전달되나 싶어서 prevendDefault도 해보고 down으로 해봐도 마찬가지여서 꽤 혼란스러웠다. keypress로 해결. $("#intent.. 2023. 7. 21. POST $.ajax, fetch 성공코드, 스프링부트 RestController html body 태그 안 input : #div1 #div2 javascript jQuery $.ajax POST 방식 $("#post3").on("click", function() { $.ajax({ url: "/test4", // 클라이언트가 요청을 보낼 서버의 URL 주소 data: JSON.stringify({message: $("#inputText").val()}), // HTTP 요청과 함께 서버로 보낼 데이터 type: "POST", // HTTP 요청 방식(GET, POST) dataType: "text", // 서버에서 보내줄 데이터의 타입 contentType: "application/json; charset=utf-8" }) // HTTP 요청이 성공하면 요청한 데이터가 done().. 2023. 2. 1. 갑자기 내 아이템이 안보인다. 너비가 0이 된 거라면? display: flex; flex-direction: column; align-items: center; align-items: center; 를 넣었다가 item의 width가 0이 됨. 쓰지 말자.... 왜 0인지 찾다가 상위 속성에 이것 때문인 것을 알았다. 진짜.... 중앙 정렬이면 다 좋은줄 알았는데요... 아니었습니다. 갑자기 내 아이템이 안보인다 하는 사람들은 속성값 찾아보시고 혹시 이렇게 썼나 고쳐주기. flex는 만능같지만 은근 까다롭다. 바닥 공사 없이 부실 공사를 하면 이렇게 됨. 2022. 5. 15. W3School - 최고의 웹 학교 (개드립) W3Schools Online Web Tutorials W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 방금도 너무 기초적인것부터 모르겠어서 검색하다가 다시 들여다 보고 오는 길... 20년 전... 웹사이트 만든다고 5cm 짜리 책 도서관에서 빌려보던 사람들도 있었는데. 세월 참 좋아졌다. 돈 주고 강의 보.. 2022. 5. 14. 이전 1 2 다음