JavaScript4 [JavaScript] Enter(엔터) 키 입력 이벤트 jsp로 로그인 화면을 만들던 중 엔터로도 로그인 버튼이 작동하도록 수정을 해야했다. 처음에는 아래와 같이 버튼 클릭으로 로그인이 되도록 되어 있었다. 엔터키로 로그인이 되도록 간단하게 찾아보았다. 텍스트 입력 부분에 window.event.keyCode==13 이란걸 추가하면 눌리는 키를 식별해서 해결할 수는 있었다. 이렇게하면 기능은 문제없이 작동한다. 하지만, event 라는 단어에 취소선이 그어지면서 내용을 확인해보니 event.keyCode는 브라우저 표준이 아니라 권장되는 방식이 아니라는것 같다. 그래서 다른 방법을 찾아보려하기전에 갑자기 궁금증이 생겨서 찾아본것이 있었다. onkeyup, onkeydown, onkeypress의 차이점들은 무엇일까? onkeyup 키를 눌렀다가 놓았을 때 이.. 2023. 1. 6. [JavaScript] JSON과 데이터 전달 JSON(JavaScript Object Notation): 브라우저와 서버 사이에 오고가는 데이터를 사람이 읽을 수 있게 하기 위한 데이터 포맷. 주로 데이터는 "속성:값"과 같이 쌍을 이루는 식으로 표현된다. 예시) {"name":"John"} 하나의 쌍이 아닌 여러 값을 넣어서 배열로 표현하는 것도 가능하다. 예시) { "name1":"John", "name2":"Evan", "name3":"Marko" } 더 복잡하게 보내려면 이렇게도 가능하다. 예시) [ { "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "powers": [ "Radiation resistance", "Turning tiny", "Radiation blast.. 2022. 12. 15. [Spring - JavaScript] == 와 === 우선 다들 알다시피 = 이것은 우측의 값을 좌측에 대입할 때 사용한다. 그리고 값을 비교할땐 흔히 ==을 사용해왔었다. 최근에 보게된건 ===이었다. ==와 ===은 공통적으로는 비교하는 연산자이다. 차이점은 ==은 값만 비교하고 ===은 타입까지 일치하는지를 비교해준다. !=와 !==은 값과 타입이 다른지를 비교하는 연산자이다. 500 == "500" 이지만, 500 !== "500" 이다. 0 == false 지만, 0 !== false 이다. null == undefined 지만, null !== undefined 이다. var a = (0== false); var a2 = (0 === false); var b = (500 == "500"); var b2 = (500 === "500"); var c.. 2021. 8. 30. [Spring - JSP] ID와 name 차이 ID는 유니크한 것으로 하나의 ID는 하나의 input에만 들어갈 수 있고, name은 중복이 가능하여 여러개의 input에서 같은 name을 가질 수 있다. 공통적으로는 둘다 식별하는 용도로 사용된다. 값을 불러오기 위해서 ID는 getElementById("ID")를 사용하고 name은 getElementsByName("Name")을 사용한다. 주의할 점은 getElementsByName의 경우 가운데 's'가 들어간다. (하지만 나는 getElementById를 getElementByID로 써놓고 틀린걸 못찾아 한참을 헤맨적이 있다...) 그 이유는 ID는 유일하기 때문에 단수로 사용되는데 Name은 복수로 존재할 수 있기때문이다. 리턴되는것을 사용하는 방법도 조금 다르다. document.getE.. 2021. 8. 30. 이전 1 다음
