728x90 HTML&CSS&JavaScript11 [Javascrip]자바스크립트/객체/메서드/object 1. 객체 생성 1️⃣ : product 이름을 가진 객체 생성 2️⃣/3️⃣ : product 객체의 속성을 호출방법 첫번째 (객체이름 + 점 + 속성이름) ; ✅결과값✅ : 장미골드 Pro , 멀티윈도우 4️⃣/5️⃣ : product 객체 속성 호출방법 두번째 (객체이름 + [ '속성이름'] ) ; ✅결과값✅ : 대한민국 , 1000 2. 반복문을 이용해서 객체의 속성 읽기 1️⃣ : product 객체 생성 👉🏻 name/price/language/supportOS/subsciption 👉🏻 key 속성 👉🏻 exlipes/10,000원/한국어/win10/true 👉🏻 value 값 2️⃣ : for in 반복문을 이용한 객체 속성읽기 ✅결과값✅ : name : eclipse price : 10,.. 2022. 4. 7. [CSS] relative/ div 원하는대로 옆으로 이동하기 relative 속성 해당 요소가 배치되어야 할 곳을 기준으로 상하좌우로 지정한 값 만큼 떨어진다. left 오른쪽으로 right 왼쪽으로 이동 top 아래로 buttom 위로 input[type="search"]{ width: 250px; height:30px; } input[type="submit"]{ width: 50px; height:30px; position: relative; left: 10px; } input[type="button"]{ width: 70px; height:30px; text-align: center; } select#keyfield{ width: 100px; height:30px; text-align: center; position: relative; right: 10px; } 2022. 4. 5. Javascript/자바스크립트/event/이벤트 속성/onclick 이벤트(event) 사용자에 의한 특정 행위의 결과로 발생하는 사용자와 프로그램 사이의 상호작용 처리의 요인 ex) 버튼 클릭, 하이퍼링크 위에 마우스 커서를 위치시킴 ✔ 이벤트 속성 이벤트가 발생했을 때 이벤트 발생으로 호출되어야 할 이벤트 핸들러(실행 함수)를 연결하는 역할 더보기 이벤트 속성 설명 마우스 onclick 버튼 등을 마우스로 클릭할 때 ondblclick 버튼 등을 마우스로 더블 클릭할 때 onmouseover 링크나 그림, 버튼 위에 마우스 포인터를 올릴 때 onmouseout 링크나 그림, 버튼에서 마우스 포인터가 빠져나갈 때 onmousedown 마우스 버튼을 클릭하는 순간 onmouseup 마우스 버튼을 클릭했다가 떼는 순간 onmousemove 마우스를 움직이는 순간 ondra.. 2022. 3. 11. [ HTML ] 동영상(video)/오디오(audio)/autoplay --> 동영상 파일 경로 + 동영상 크기 설정 동영상 화면에 실행 버튼이 없는 것을 확인할 수 있다. autoplay controls 를 넣게 되면 자동으로 재생이 되지 않고 재생 버튼이 생기는 것을 볼 수 있다. (이전에는 autoplay를 이용하면 사용자의 의지와 상관없이 동영상이 바로 실행되었는데 HTML5로 업데이트되면서 사용자가 실행 버튼을 눌러야 실행되게끔 변경되었다.) 동영상 대표 이미지 설정 오디오 넣기 2022. 1. 28. [ HTML ] 텍스트 태그/image/이미지태그/이미지 삽입 다양한 텍스트 태그 이미지 태그 👉🏻 이미지를 클릭해서 원하는 사이트 이동하기 2022. 1. 28. [ HTML ] 정의 [ 웹의 역사 ] 월드 와이드 웹(World Wide Web, www)은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 정보 공간을 말한다. 인터넷은 전 세계를 연결하고 있는 국제 정보 통신망이고 웹은 그 위에서 작동하는 서비스를 의미한다. - 미국의 ARPA(Advanced Research Projects Agency)는 1969년 현재 웹의 모태가 되는 ARPANET을 개발 - 1989년 팀 버너스리는 인터넷 공간 안에서 문서가 서로 이동할 수 있는 새로운 개념의 방법을 제안. 바로 하이퍼링크라는 득수한 기능을 사용하여 문서와 문서 사이를 이동할 수 있는 간단한 문서 개념. - 1994년 팀 버너스리는 W3C(World Wide Web Consortium) 재단 창설. W3C는 웹 표.. 2022. 1. 28. 이전 1 2 다음 728x90 반응형
