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

    JSX - 마우스 오버/아웃 효과

    마우스 오버와 아웃 효과에 따른 스크립트를 작성할 때 아래와 같이 JSX에서 엘리먼트 안에 넣어 주면 된다. <img src='icon.jpg' onMouseOver={(event) =>{ 마우스 오버시 스크립트}} onMouseOut={(event) => { 마우스 아웃시 스크립트 }} /> 바로 스크립트를 작성해 넣지 않고, 작성된 컴포넌트 안에 선언한 인수를 실행할 수도 있다. <img src='icon.jpg' onMouseOver={(event) =>{ this.handlerOver(event);}} onMouseOut={(event) => { this.handlerOut(event); }} /> […]

  • Javascript, jQuery 2015‧12‧28

    jQuery - 버튼에 마우스 오버 상태에서 클릭한 뒤 마우스 상태에 맞게 css로 만드는 팁

    css로만으로 처리하면 참 좋을 듯 한 이 기능은 css에서 hover를 이용하게 되면 클릭했을 때 마우스가 hover라는 영역을 벗어나더라도 hover 상태가 되어 있을 때가 있다. 물론 마우스를 조금만 움직여도 다시 out 상태로 돌아가긴 하지만 상황에 따라 바로 out상태로 구분되어져야하는 상황이 있기 때문에 jquery 코드와 css 코드로 응용해본다. $('#menuButton').on('click',function(e){ //클릭했을 때 액션이 있다면 여기에 스크립트 작성 }).mouseenter(function(e){ […]

popular

  • 크롬 브라우저 http 웹사이트에서 위치(지오로케이션) 가져오기 중단
  • react native - 앱이름 한글로 하려는데 Base.lprj 폴더가 안보인다. (InfoPlist.strings 저장 경로)
  • 키보드 키 코드
  • JSX - 마우스 오버/아웃 효과
  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • 모바일웹에서 기상청 날씨(실황) api 가져와서 파싱해서 노출까지 자바스크립트로 만들기
  • 안드로이드 스튜디오로 만들 때 타이틀바 없애기
  • gzip compression(압축)을 이용한 워드프레스 사이트 속도 향상 방법
  • 저장소 파일 불러올 때 권한 요청 설정
  • Sublime Text 2 - 작업중 브라우저로 미리보기 추가

comment

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