728x90
반응형

자바스크립트 9

자바스크립트 | 레츠기릿 자바스크립트 14 함수

함수(function)함수는 일정한 동작을 수행하는 코드를 의미한다.함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다. 반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다. 형식function() {}//또는() => {} 함수에 이름을 붙여야한다.function a(){}const b = function(){}const c = () => {} 함수  선언문(function declaration statment)함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 ..

자바스크립트 | 레츠기릿 자바스크립트 1

자바스크립트를 시작하기 전에 자바스크립트를 배울 대 도움되는 자료 - 자바스크립트 튜토리얼 : https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info - MDN 웹사이트 : https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 developer.mozilla.org - 길벗 전자책 사이트 : https://thebook..

[JAVASCRIPT]DOM

자바스크립트 기술에 대해 알 수 있는 사이트 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org DOM (Document Object Model) HTML 또는 XML document와 상호작용하고 표현하는 API입니다. DOM은 browser에서 로드되며, 노드 트리(각 노드는 document의 부분을 나타냅니다)로 표현하는 document 모델입니다(예, element, 문..

[JAVASCRIPT] 4. 마우스 오버 효과

01 e.preventDefault() a태그 링크를 걸리지만 기본 명령어를 무시하고 원하는 명령어를 넣어보기 e.preventDefault(); 기존 명령어를 삭제함 네이버 02 마우스 오버 효과 ● mouseenter : = mouse hover 박스 핑크로 변했다가 마우스 떼면 아쿠아색으로 바꿔주기 scale 키웠다가 원래 크기로 변경해주기 같은 방법(너비 높이 값 지정) 03 반복된 요소에 이벤트 한꺼번에 연결하기 ● querySelectorAll 요소를 한꺼번에 지정 let : 변하는 값 e.preventDefalut(); 기본으로 갖고있는 명령어를 멈춤 item1 item2 item3 item4 04 클릭이벤트를 발생할 때 증가, 감소하는 프로그램 1씩 증가 1씩 감소 증가 감소 05 박스 돌..

[JAVASCRIPT] 자바스크립트 이벤트 연결하기

● .addEventListener : 이벤트 발생시키는 명령어 ● 화살표 함수 link.addEventListener("click",function(){}); link.addEventListener("click",()=>{}); >> 두가지 방법으로 화살표함수를 넣을 수 있다. a태그가 우선시 되기 때문에 링크를 클릭하셨군요가 안나온다. ● preventDefault: 고유의 명령어를 무시하고 내가 원하는 값을 나오게 해주는 명령어다. a태그 속성값을 무시하고 원하는 값을 출력하게 하는 명령어 [박스 클릭했을 때 색상 변경하는 방법] 클릭이벤트

[JAVASCRIPT]요소 선택하기

자바스크립트는 따로 링크를 걸지 않고 사용할 수 있다. frame 은 section # wrap 안에 있는 article이 들어간 것을 볼 수 있다. querySelector는 하나의 요소를 선택할 수 있다. querySelectorAll 은 여러개의 article을 모두 선택할 수 있다. ● 배열 for() 여러개 복수로 할땐 쿼리셀랙트올 + for문 을 써야 하나하나 방에 값을 뿌려줄 수 있다 querySelectorAll 랑 for문은 세트다 items 아이템이라는 변수에 넣어서 층에 0부터 3번까지 4개의 인데스값을 받으면서 처리한다.

728x90
반응형