명민하다

웹 공유 버튼을 만들 때 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 선언은 블록 범위의 상수를 선언합니다. 상수의 값을 재할당할 수 없으며 다시 선언할 수도 ..

mixin은 소스코드의 중복을 막기 위해 사용하고, extend, %placeholder 은 연관성 있는 규칙을 만들기 위해 사용 한다. mixin 으로 연관성 없는 선택자의 중복 코드 제거 %site_color { color: #f00; } /* ...중략 */ .main_conatiner { @extend %site_color; } /* ...중략 */ .view_container { @extend %site_color; } /* ...중략 */ .detail_container { @extend %site_color; } 위에 작성한 .main_conatiner,.view_container,.detail_container 는 서로 연관성이 없는 클래스 이다. 하지만 해당 클래스의 color 값이 동일..

button See the Pen rNeBOMg by 이명민 (@bmdygzrh) on CodePen.

mouse hover 3D See the Pen bGEPYoz by 이명민 (@bmdygzrh) on CodePen.

mouse hover See the Pen JjGQOoK by 이명민 (@bmdygzrh) on CodePen.

Mouse cursor effect See the Pen jOWjGKp by 이명민 (@bmdygzrh) on CodePen.

canvas drawing See the Pen BajgwWZ by 이명민 (@bmdygzrh) on CodePen.

mouse hover pointer See the Pen wvMLqLg by 이명민 (@bmdygzrh) on CodePen.