lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Javascript, jQuery 2020‧07‧13

    동적인 값으로 css 추가하기

    보통 css는 정해놓은 값들로 처리된다.하지만 브라우저 리사이즈와 같은 인터렉션에 의해 사이즈나 속도등이 변경되었으면 할 css 값들이 있다. (특히 애니메이션 키프레임)이럴 경우 자바스크립트를 활용해서 넣는 몇가지 방법이 있었지만 내가 쓰는 방법만 적어 놓겠다.혹시 필요하면 구글에서 CSSStyleSheet.addRule() 과 CSSStyleSheet.insertRule()를 검색해서 더 많은 정보를 찾아보면 된다. 이렇게 먼저 스타일 엘리먼트를 만들어서 헤더에 넣도록 하고 jquery 로 ready 또는 […]

  • Html, CSS 2017‧08‧01

    css3 animation 키프레임 멈추기

    CSS3로 키프레임 애니메이션을 작동하다가 멈추고 싶을 때가 있다. 대부분 hover나 Class 를 추가하여 멈추는 동작을 넣고 싶을 경우다. -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-animation: none !important; 맨 마지막 줄에 -webkit-animation: none 이 있는 이유는 아이폰 ios 사파리에서 paused; 동작이 제대로 작동하지 않는다.  그렇기 때문에 대안으로 만들어진 코드이다.

popular

  • JS - datepicker(jQueryUI,달력) 이용시 두개 날짜 범위 설정
  • 이미지에 여백이 생길 때 해결 방법들
  • .htaccess에서 Rewrite 예외 폴더 설정
  • css3 - 아이폰에서 스크롤이 부드럽지 않고 버벅일 때
  • Photoshop - 폰트는 폴더를 따로 관리하는 것이 좋다.
  • MSSQL - 두 테이블간 컬럼의 값들에 일치하는 항목 추출
  • 그림문자인 이모지(emoji) 웹에 사용하기
  • 심플한 아이콘들
  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • css - 크롬 position fixed 버그 해결 방법

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....