JavaScript19 [JavaScript] function 함수 function 코드에 의해 호출되며 반복해서 실행가능한 코드 조각 서로 다른 5명에게 인사를하려고함 console.log("Hello, jane"); console.log("Hello, tom"); console.log("Hello, john"); console.log("Hello, sam"); console.log("Hello, nico"); argument function을 실행하는 동안 어떠한 정보를 function에 가져오는 것 같은 코드를 여러번 작성하는 것 대신 호출하면 서로다른 이름을 가져와서 출력할 수 있도록 작성 // 선언 function sayHello(name){ console.log("Hello, " + name); } // 호출 sayHello("jane"); sayHello(".. 2021. 8. 29. [JavaScript] 간단한 Array와 Object 차이 Array 내부의 데이터들이 무슨 역할을 하는지 알 수 없음(대괄호로 작성) const toDoList = ["laundry", "shopping", "workout", "studying"]; 리스트를 작성하는데에 사용 → 내부 데이터에 의미를 부여할 필요가 없음 // 배열 생성 const dayOfWeek = ["mom", "tue", "wed", "thu", "fri", "sat"]; // 출력 console.log(dayOfWeek); // 특정 인덱스 값만 출력(0 ~ 5) console.log(dayOfWeek[2]);// wed // 특정 인덱스 값 변경 dayOfWeek[0] = "mon"; // 배열에 데이터 추가 dayOfWeek.push("sun"); 서로 다른 데이터 타입도 한 배열안.. 2021. 8. 28. [JavaScript] 슬라이드와 페이지 이동 구현 0. 이미지 이름 poster1.jpg - 청년경찰 포스터 poster2.jpg - 버닝 포스터 poster3.jpg - 자산어보 포스터 → 연속되는 숫자로 구성해서 작성 1. HTML 작성 자세히 보기 div.main-image 내부에 버튼 2. CSS 작성 .main-image { display: flex; justify-content: center; align-items: center; position: relative; } .main-image { transition: all 0.5s; } .img-btn { position: absolute; z-index: 100; color: rgba(255, 255, 255, 0.6); font-size: 45px; f.. 2021. 8. 27. [JavaScript] 변수를 이용해 body 내부에 iframe 태그로 동영상 업로드 Youtube 영상 주소를 DB에 저장해 JSP 파일로 가져오고 싶은데, 1. 영상 공유버튼을 눌러 나오는 이 주소를 복사하기가 번거로움 2. 위 주소로 복사해서 가져올 때 마다 기본으로 설정된 width 와 height 속성을 변경하자니 번거로움 해당 주소를 그대로 복사해오면 브라우저에서 나타나는 크기 구현하고자 하는 로직 : 유튜브 URL을 DB에 저장하고, 생성한 DAO를 호출해 데이터를 불러오고 HTML 내부에서 출력될 영상 크기를 변경 https://www.youtube.com/watch?v=MtCMtC50gwY 유튜브 영상 URL 동영상 퍼가기에서 복사한 HTML iframe 태그 → URL과 iframe 태그의 src 속성이 watch?v= 과 embed/ 이 외에는 동일 width 와 he.. 2021. 8. 26. [JavaScript] 출력과 변수 선언(var, const, let) 작성한 내용을 출력 1. 화면에 출력 document.write("Hello JavaScript"); 2. 콘솔에 출력 console.log("Hello JavaScript"); 3. alert창으로 출력 alert("Hello JavaScript"); 변수 var: 이전에 사용하던 변수, 재선언·재할당 가능(사용하지 않음) var a = "test1"; var a = "test2";// 재선언 가능 a = "test3";// 재할당 가능 const: 재선언 불가능, 재할당 불가능(주로 사용) const a = "test1" const a = "test2"// 에러, 재선언 불가능 a = "test2"// 에러, 재할당 불가능 let: 재선언 불가능, 재할당 가능 let a = "test1"; let a.. 2021. 8. 25. [JavaScript] jsp파일에서 confirm() 으로 확인창 띄우고 리턴 자료 받기 구현하고자 하는 것 유저가 회원 탈퇴 버튼을 누르면 정말 탈퇴를 하려는지 확인하는 알림창을 띄우고 답변에 따라 해당 로직 실행 msg 변수에 담긴 문자열은 OK를 선택하면 true 를, Cancel 을 선택하면 false를 반환 위와 같은 알림창을 띄우고, location.href를 통해 로직을 실행할 새로운 페이지로 이동시킴 2021. 8. 18. 이전 1 2 3 4 다음
