명민하다

event.preventDefault() 현재 이벤트의 기본 동작을 중단 event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단 event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단 return false jQuery를 사용할 때는 위의 두 개 모두를 수행한 것과 같고, jQuery를 사용하지 않을 때는 event.preventDefault() 와 같다.

const moveContent = (e:any)=> { // 1. 클릭 이벤트 막기 e.preventDefault(); // 2. 클릭 했을때 target 구하기 const targetId = e.target.getAttribute('href').slice(1); const target = document.querySelector(targetId); // 3. offsetTop 구하기 const moveY = target.offsetTop; // 4. offsetTop 이동 window.scroll({ top: moveY, behavior: 'smooth' }); } ABOUT WORKS CONTACT

spread const slime = { name: '슬라임' }; const cuteSlime = { ...slime, attribute: 'cute' }; const purpleCuteSlime = { ...cuteSlime, color: 'purple' }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); // console창 {name: "슬라임"} {name: "슬라임", attribute: "cute"} {name: "슬라임", attribute: "cute", color: "purple"} 여기서 사용한 ... 문자가 바로 spread 연산자 이다. spread 연산자는 배열에서도 사용 할 수 있다. cons..

자바스크립트 7가지 데이터 타입이 있다. Boolean Type 논리형 True or False 소문자로 씀 " " 없이 씀 -> 왜냐하면 이거는 text가 아니기 때문 true = 1, false = 0 const what = true; Null Type 의도적으로 변수에 값이 없다는 것을 명시할 때 사용 const test = null; console.log(typeof test === null); // false console.log(test ==== null); // true Undefined Type 어떤 변수를 만들고 ①그 값을 정의해주지 않았을때 ② 존재하지 않는 객체 프로퍼티에 접근할 경우 undefined가 반환 Number Type 숫자 배정밀도 64비트 이진 형식 IEEE 754 값(..

웹 공유 버튼을 만들 때 Navigator.share api를 사용하였다. navigator.share({ title: document.title, text: 'Hello World', url: 'https://developer.mozilla.org', }); 아래의 필드들 중 적어도 하나는 명시되어야 한다. 사용 가능한 옵션들은 url: 공유 URL을 USVString. text: 공유로 문장을 USVString. title: '공유'를 USVString. 출처 : https://developer.mozilla.org/ko/docs/Web/API/Navigator/share#browser_compatibility Navigator.share - Web API | MDN Navigator.share() ..

데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터의 종류를 말합니다. 원시 타입 (Primitive data type): 원시 타입의 값은 변경 불가능한 값 이며 값에 의한 전달 입니다. Boolean Null Undefined Number String Symbol 객체 타입 (object / reference type)

JavaScript 변수 와 상수는 특정 이름에특정 값을담을 때사용합니다. 변수 let let 구문은 블록 유효 범위를 갖는 지역 변수를 선언하며, 선언과 동시에 임의의 값으로초기화할 수도있습니다. let value = 1; console.log(value); // 1 value = 2; console.log(value); // 2 한번 선언을 했으면 똑같은 이름으로 선언을 할 수가 없습니다. let value = 1; let value = 2; console.log(value); // SyntaxError: Identifier 'value' has already been declared 상수 const const 선언은 블록 범위의 상수를 선언합니다. 상수의 값을 재할당할 수 없으며 다시 선언할 수도 ..