안녕하세요. 루루개발자 입니다. 최근 회사에서 관리자 페이지 프론트를 개발하고 있는데 알림 모양의 아이콘에 마우스를 올리면 흔들리는 효과가 있었으면 좋겠다는 의견을 접수하여, 이번 시간에는 bell 이 흔들리는 모양의 css 애니메이션 예제를 살펴보려 합니다. 예제는 다음과 같습니다. .bell-icon { display: inline-flex; position: relative; -webkit-animation: ring 2s .7s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 2s .7s ease-in-out infinite; -moz-transform-origin: 50% 4px; animation: ri..

안녕하세요. 루루개발자 입니다. 이번 시간에는 css 로 특정 요소를 무한 회전시키는 애니메이션 예제를 살펴보겠습니다. 예제 코드는 다음과 같습니다. .box { width: 10px; height: 10px; display: flex; position: relative; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .box > div { width: 5px..

불금 준비 완료

강력한 한방

자격증 공부중입니다

안녕하세요. 루루개발자 입니다. 이번 글에서는 javascript 난독화를 적용하면서 생긴 이슈에 대해 공유드리고자 합니다. 다음과 같은 상황이라고 가정해봅시다. -- test-class.class.js class TestClass { apiUrl; apiCallback; constructor(options) { console.log('TestClass.options', options); this.apiUrl = options.apiUrl; this.apiCallback = options.apiCallback; console.log('this.apiUrl', this.apiUrl); console.log('tthis.apiCallback', this.apiCallback); } } -- test-clas..

안녕하세요. 루루개발자 입니다. 이번에는 javascript 파일을 난독화 하는 방법에 대해 알아보겠습니다. 사실 이번에 javascript SDK 하나를 개발하게 되었습니다. 하지만 비즈니스 로직이 너무 적나라하게 드러나 있어서 이를 어떻게 해결할까 하다가 난독화를 이용해 이 문제를 조금이라도 해결 할 수 있지 않을까 싶었습니다. 그렇습니다. javascript 파일을 난독화 하는 이유는 javascript 파일 내용을 남이 보더라도 분석을 어렵게 하기 위함입니다. 먼저 터미널에서 아래 명령어를 입력해 uglify-js 패키지를 전역으로 설치합니다. npm i uglify-js 그 후, 아래와 같이 명령어를 입력해 원본js 파일을 난독화한 js 파일로 새로 생성해줍니다. uglifyjs {원본js파일명..

더 핸드