일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- JDBC
- Stack
- preparedstatement
- SpringBoot
- 코딩
- 비전공
- 국비학원
- 자바
- Java
- scanner
- JSP
- Statement
- Heap
- 자바스크립트
- JavaScript
- 스프링부트로그
- MVC
- db
- List에 객체 같은 값
- 서블릿
- Thymeleaf
- 스프링로그
- 객체 주소
- 오라클
- CachingOperationNameGenerator
- 타임리프
- Spring
- Servlet
- Session
- 스프링
- Today
- Total
목록JavaScript (2)
sin prisa pero sin pausa

ES6에서 추가된 문법이며, 해당 배열/객체 앞에 마침표 세 개( ... )을 붙여서 사용한다. 전개연산자를 썼을 경우, 해당 배열, 객체 안의 값 하나하나 그 자체에 직접 접근한다고 생각하면 이해가 쉽다. 즉, 배열 혹은 객체 안의 값들을 가지고 복사, 합치기, 인자로 넘기기 등의 액션을 한다고 했을 때 유용하게 활용이 가능하다. - 예시 - // 배열 합치기 let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; arr2 = [...arr1, ...arr2]; console.log(arr2); // [1, 2, 3, 4, 5, 6] 출력 // object 합치기 let obj1 = {one : '1', two : '2'}; let obj2 = {three : '3', four ..

[구현화면] 로그인 버튼이나 엔터를 눌러도 페이지가 넘어가지 않도록 설정하고 싶을 때 [HTML 코드] Log In [Javascript 코드] const loginForm = document.getElementById("login-form"); const loginInput = loginForm.querySelector("input"); function onLoginSubmit(event) { const username = loginInput.value; event.preventDefault(); console.log(event); } loginForm.addEventListener("submit", onLoginSubmit); 브라우저에서는 addEventListener로 "submit"에 의한 기능..