목록전체 글 (116)

Eveningstar

e.pageX, e.pageY

[ e.pageX, e.pageY ] 화면상에서 마우스 커서의 x축, y축 좌표 구하기 - 브라우저 상에서 현재 마우스 커서의 위치값을 구하려면 e.pageX와 e.pageY를 사용한다. ＊event.pageX : 문서의 왼쪽상단을 기준으로 마우스 위치의 X좌표 값 http://api.jquery.com/event.pagex/ ＊event.pageY : 문서의 왼쪽상단을 기준으로 마우스 위치의 Y좌표 값 http://api.jquery.com/event.pagey/ 마우스 커서의 위치를 실시간으로 계산해줌으로 주로 mousemove이벤트와 같이 사용된다. https://api.jquery.com/mousemove/#mousemove-handler https://jsfiddle.net/jywoo/5fa0h..
jQuery 2018. 10. 20. 23:06
SASS 문법

1) Variables ($) 변수선언은 '$'으로 시작. 변수의 값으로는 문자, 숫자, 컬러가 올 수 있다. $변수명 : 속성값; $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }2) Nesting 부모자손 선언 - tree구조, 포함관계, 중첩적 선언꺾쇠 선택자를 통해 직접선택도 가능( ul > a) & : 상위요소(자기자신)을 뜻함 = this nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6p..
HTML&CSS 2018. 10. 16. 18:33
SASS 컴파일러 설치, 비쥬얼스튜디오코드 설치하기

Sass(Syntactically Awesome Stylesheets) sass는 css 전처리기 언어이다. sass로 우선 작성한 후 css로 변환하여 사용한다.어썸이 들어갈 정도면 엄청나게 멋진 언어겠지,,,,,, sass는 변수, 함수, 중첩(부모자손) 등등을 css임에도 사용할 수 있게 해준다.또한 변수와 mixin, extend등의 활용으로 코드의 재사용이 용이하다. sass를 배우는데 참고한 영상들 생활코딩 : https://opentutorials.org/module/237/2490 인프런 : css에 날개를 달아주는 sass 문서 참고 : http://sass-lang.com/guide [ sass -> css로 변환 ] sass는 css로 변환해주는 컴파일러라는 도구가 꼭 필요하다. 1-..
HTML&CSS 2018. 10. 16. 10:51
pc랑 mobile 구분하기

휴대폰에서 pc 사이트 접속시 모바일 사이트로 location을 넘기고 싶을 때, pc와 mobile 구분해주기 위해 navigator 를 사용한다. 이전에는 mobile 접속기기와 브라우저를 확인하는 방법이 있었는데, 1234567var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'Windows CE;', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Mobile', 'Symbian', 'Opera Mobi', 'Opera Mini', 'IEmobile');for (var word in mobileKeyWords){ if (navigator.userAgent.match(..
Storage 2018. 10. 15. 11:43
Prev 1 ··· 12 13 14 15 16 17 18 ··· 29 Next