-
Javascript, jQuery 2014‧11‧06
jQuery - 특정 속성 가진 엘리먼트 찾고 속성 제거하기
특정 속성을 가진 엘리먼트를 찾는 방법은 쉽니다. $('div[title]') 위 코드처럼 선택하면 div 중에 title 속성이 있는 엘리먼트들을 선택하게 된다.그러면 여기서 title이라는 속성을 지우면 아래와 같다. $('div[title]').removeAttr('title'); 간단하다. removeAttr이면 된다.
-
Html, CSS 2014‧10‧24
CSS3 - 미디어쿼리 사이즈별로 임포트 방법
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) (screen and min-width:768px); 예제는 768px 이상일 경우 나눔글꼴 css 로딩 되도록 코딩함
-
Server 2014‧10‧21
리눅스 디렉토리 용량 확인
현재 경로에 있는 폴더의 파일들 용량 보기 현재 경로에 있는 특정 폴더 용량 보기 하위 디렉토리에서 ls -lhRS |more 이렇게 입력하면 폴더 안의 파일과 폴더들을 용량이 큰 순서로 나열시킨다.|more 옵션은 내용이 너무 길기 때문에 한 페이지 넘겨보는 옵션이다. 다른 옵션들은 du, ls 등을 확인해보자 숨김 폴더와 파일 포함해서 용량 순으로 정렬
-
Tools 2014‧10‧17
sublime text2 sftp 접속시 encoding error
서브라임 텍스트로 SFTP 플러그인을 통해서 서버에 접속하려 할 때 어떤 호스팅의 경우에는 아래와 같은 오류가 나면서 접속이 되지 않는다. sublime sftp an encoding error was encountered trying to read from the server. please adjust the "remote_encoding" setting in sft-config.json 이라고 하면서 뭐라고 뜬다. (사실 무슨 말인지 도통 모르겠다.) 확인을 누르면 바로 또 아래와 같은 경고창이 […]
-
Html, CSS 2014‧09‧26
div 엘리먼트 가로, 세로 중앙 배치
div를 브라우저의 정중앙이나 원하는 엘리먼트 정중앙에 위치시키고 싶을 때가 있다.특히 레이어 팝업을 만들어 노출할 때 주로 필요로 하다. 하지만 아쉽게도 이게 정답이다라고 할 방법은 없다. 이유는 어떤 것은 크로스 브라우징이 안되는 Transform을 사용할 때도 있고, 마진으로 억지로 맞추는 경우등 여러가지 방법등이 있다. 그중에 본인이 주로 쓰는 방법이 있다. div 가로 세로 길이가 정의된 경우에 유용하다. <div […]
-
Javascript, jQuery 2014‧09‧25
키보드 키 코드
매번 쓸 때마다 찾는데 자바스크립트로 사용되는 코드를 또 더 찾아야해서 포스팅함.
-
Javascript, jQuery 2014‧09‧24
javascript - 랜덤 함수 만들기 (범위 지정)
시작 수 부터 끝 수까지의 숫자를 입력하면 그 안의 랜덤하게 정수로 반환 받는 함수이다. function makeRandom(min, max){ var RandVal = Math.floor(Math.random()*(max-min+1)) + min; return RandVal; } // 랜덤 함수(정수)
-
Javascript, jQuery 2014‧09‧23
JS - 음수, 양수를 절대값으로 반환
가끔 값을 가지고 조건문 처리할 때 마이너스의 값을 그대로 쓰면 안되는 경우가 있다. Math.abs()를 쓰게 되면 음수든 양수든 절대값으로 반환해주기 때문에 양수로 받아 처리할 수 있다. Math.abs('-1'); // 1 Math.abs(-2); // 2 Math.abs(null); // 0 Math.abs("string"); // NaN Math.abs(); // NaN 위는 예문에서 가져온 코드이다. 자세한 설명 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/abs
-
Html, CSS 2014‧09‧04
css - 크롬 position fixed 버그 해결 방법
2017년8월15일 업데이트 : translateZ(0) 여기에서 숫자를 전부 0으로 해놓으면 fixed 정의한 엘리먼트들이 ios에서 scrolltop 과 같이 스크롤이 빠르게 진행되다보면 fixed 레이어가 사라지게 된다. z-index가 안먹힌다. translateZ(여기에) fixed 한 엘리먼트의 z-index 값을 넣어준다. 크롬 브라우저에서 position값을 fixed로 만든 A라는 엘리먼트가 있는데 스크롤하다가 영상 오브젝트에 마우스 오버를 한 후 다시 스크롤을 하게 되면 A라는 엘리먼트 잔상이 영상 오브젝트 […]
-
Html, CSS 2014‧09‧04
CSS - vimeo 영상 높이 값 반응형으로 적용하기
vimeo를 삽입하다보면 iframe을 이용해서 홈페이지에 삽입하게 된다.그런데 이게 아이프레임으로 크기를 잡아버려서 브라우저 창이 조절 될 때 안의 영상은 이상한 비율로 보여질 때가 있다.이는 반응형웹에 적절하지 않은 사항이기 때문에 팁을 하나 얻어왔다.참고로 처음에는 자바스크립트로 엘리먼트를 제어하는 것을 만들어서 사용해 왔으나 순수 css만으로도 충분히 구현해 낼 수 있기에 css로 처리하려고 한다. 아래 설명을 보면서 진행해보자. <iframe src="//player.vimeo.com/video/동영상 […]