반응형

Front End/Javascript 16

[JS] Scope(스코프) 란 ?

Scope(스코프) 란 ? 번역하면 '범위'라는 뜻을 가집니다. 즉, 변수에 접근할 수 있는 범위 입니다. 그치만 단순 범위라고 정의하면 안됩니다. 선언하는 시점에 따라 값이 달라질수 있습니다. 동작 스코프, 레벨 스코프로 나눌수 있습니다. 스코프의 종류 1.동작 -정적(Static) 스코프 Javascript는 정적 스코프 특성을 가집니다. 호출 스택과 관계없이 선언 시점에 스코프를 결정됩니다. ①레시컬(Lexical) 스코프 var name = '영수'; // 전역변수 function friend_1() { var name = '영미'; second(); } function friend_2() { console.log(name); } friend_1(); // 영수 friend_2(); // 영수 /..

[JS] GSAP으로 Mouse cursor change(마우스 커서 변경하기)

1. GSAP(GreenSock Animation Platform)을 이용하여 브라우저 내 마우스 커서 변경하기 커스텀된 마우스 커서를 노출시키고 기본 커서는 비노출 합니다. 커스텀된 마우스 커서와 기본 커서를 함께 노출 시킵니다. 노출영역, 비노출 영역을 지정 할수 있습니다. 영역별 마우스 커서를 커스텀 할수 있습니다. 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

[JS] Lottie Animations (로티 애니메이션) 사용법

1.Lottie (로티) 란? 에어비앤비에서 개발한 라이브러리 입니다. After Effects(에프터 이펙트)으로 추출한 애니메이션 데이터(json)를 Bodymovin(오픈소스)를 이용하여 웹, 앱(Android, iOS React-native)에 적용할수 있습니다. 벡터기반의 애니메이션 입니다.(로티는 svg) 2.Lottie 장점 벡터기반이라 용량이 적고 해상도 저하가 없습니다.(리소스 절감) 사용자의 인터렉션에 따라 제어가 가능합니다.(ex: play,stop) 3.Lottie 단점 After Effects(에프터 이펙트)외 에 쓸만한 작업툴이 없습니다. 제작 과정이 복잡하여 숙련도가 필요합니다. 4.참고 사이트 공식홈페이지(Lottie) - https://airbnb.design/lottie/..

[JS] 웹(Mobile)에서 SMS 문자보내기

1.Android(안드로이드) SMS보내기 location.href = sms:수신자번호?body=보낼메세지; 2.IOS(아이폰) SMS보내기 location.href = sms:수신자번호&body=보낼메세지; 3.Android & IOS 자동 분기 실제 디바이스에서 테스트 해야 정확한 결과 확인 가능 수신자 번호는 옵션.(생략 가능) A Tag에 직접 작성하여 사용 가능 하고 함수로도 사용 가능 줄바꿈 필요시 \n 으로 구분 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

반응형