반응형

분류 전체보기 118

jQuery를 이용한 스크롤 더보기

jQuery를 이용한 스크롤 더보기 (페이스북과 같은 스크롤을 이용한 더보기 기능) $(window).scroll(function() {// document 높이 (고정) console.log($(document).height());// browser 높이 (가변)console.log($(window).height());// 스크롤 위치 console.log($(window).scrollTop()); // console.log($(window).scrollTop() >= $(document).height() - $(window).height() - 100); // 스크롤이 적당한 위치에 오면 호출 ( 숫자 100의 값을 변경하여 더보기 호출할 높이를 수정할 수 있습니다.) if ($(window).scr..

이니앤디 - 인생은 아름다워 세라믹 빈티지 세라믹 꽃병(화병)

LIFE IS BEAUTIFUL 세라믹 화병 안녕하세요~ 이번에 소개해드릴 제품은 "LIFE IS BEAUTIFUL" 글씨가 적혀있는빈티지 느낌의 파스텔톤 세라믹 꽃병입니다. 유니크한 디자인의 화병을 찾으시는 분들에게 추천드립니다. 한손에 쏙 들어오는 크기로 (12cm 정도)동글동글 귀여운 모양입니다. 색감도 부드럽고,바닥에 미끄럼 방지를 위한 패드가 4개씩 달려있어요. 작은 꽃 한속이만 꽂아도 너무 이쁩니다~ 색상은 푸른 느낌이나는 그레이, 그린, 옐로우 3가지로 준비되어있습니다. 푸른 느낌이나는 그레이 그린 옐로우 카페 인테리어, 셀프인테리어, 테이블 장식에 활용하면귀여우면서 빈티지한 느낌을 연출하실 수 있어요. 집들이 선물, 개업 선물 등 선물로도 아주 좋아요~소중한 사람들에게 의미있고, 특별한 선..

이니앤디 - 은은한 에메랄드 색상 코르크 마개 유리병 3종

은은한 에메랄드 색상의 코르크 마개 유리병 3종 플라워&가드닝&웨딩&홈&리빙&인테리어 소품 INNIN:D이니앤디 http://storefarm.naver.com/innind 안녕하세요. 오늘 소개해드릴 제품은 은은한 푸른 빛이 도는 투명한 유리병이에요. 시원하고 깨끗한 느낌이죠? 또한 코르크 마개가 클래식한 느낌을 주어 고급스러운 느낌을 줍니다. 테이블 장식, 촬영소품, 카페 인테리어, 집꾸미기 등 다양한 활용이 가능한 제품입니다. 고방 / 정원 / 타워 3가지 타입 중 선택하실 수 있어요. (모양과 무늬 모두 달라요.) 고방 유리병 정원 유리병 타워 유리병 집들이 선물, 개업 선물 등 선물로도 아주 좋아요~소중한 사람들에게 의미있고, 특별한 선물을 해보세요. 주문 및 상세한 제품설명은 http://st..

자바스크립트 - location.href / location.replace()의 차이

location.href / location.replace() 개념적 차이 - location.href 는 프로퍼티 => location.href = 'example.page'; - location.replace() 는 메서드 => location.replace('example.page'); 기능적 차이 - location.href 는 새로운 페이지 이동 후 히스토리에 기록한다. - location.replace() 현재 페이지를 새로운 페이지로 변경, 히스토리에 기록하지 않음. (removes the URL of the current document from the document history) => replace()의 경우 뒤로가기를 통해 이전 페이지로 갈 수 없음.

관계연산자 ==, === 의 차이

==과, ===은 비슷하지만 깊게 들어가면 다른 의미를 가지고 있다. == Equal Operator=== Strict Equal Operator (strict 엄격한 이라는 의미로 좀 더 엄격하게 같은 지를 보는 연산자라 생각하면 됨.) == 연산자는 피 연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교.ex) 0 == '0' => true 0 == 0 => true === 연산자는 타입까지 비교.ex) 0 === '0' => false 0 === 0 => true ex) null == undefined => true null === undefined => false null 값이 없음을 명시적으로 표시, null 값을 할당 받은 상태 (객체 타입)undefined 변수 선언만 하고 값을 할당하..

자바스크립트 데이터 타입

NaN (Not a Number) - 해당 값이 숫자가 아니다.ex) parseInt("hello", 10); isNan() - 해당 데이터가 NaN인지 검사 해주는 자바스크립트 내장객체true = NaNfalse = Number Infinity - 0보다 큰 양의 무한대Infinity - 0보다 작은 음의 무한대 isFinite() - 인자값이 숫자이면서 무한대가 아니면 true,NaN 혹은 Infinity, -Infinity 이면 false Null - 값이 없음의도적으로 비어있는 값을 부여한 것 undefined - 초기화(선언) 되지 않았거나 값이 할당되지 않았음을 나타냄애당초 어떠한 값도 할당되지 않은 것

오버로딩(Overloading)과 오버라이딩(Overriding)

오버로딩 ( Overloading )- 같은 이름의 메서드를 여러개 가지면서 매개변수의 타입과 갯수가 다르도록 하는 기술 오버라이딩 ( Overriding )- 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의 구분오버로딩 오버라이딩 메서드 이름 동일 동일 매겨변수, 타입 다름 동일 리턴 타입 상관없음 동일 메서드의 이름을 하나로 사용함으로 개발 시 효율성을 높일 수 있습니다.

IT/JAVA 2017.06.22

userAgent 구분 스크립트 (Android/iOS/Mobile)

/** * Android 단말기 인지 확인 */this.isAndroid = function() {try{ return (/android/i.test(navigator.userAgent.toLowerCase()));} catch(e) {self.log(e,"isAndroid");}}/** * iOS 단말기 인지 확인 */this.isIos = function() {try{return (/iphone|ipad|ipod/i.test(navigator.userAgent.toLowerCase())); } catch(e) {self.log(e,"isIos");}}/** * 모바일인지 판별한다. */this.isMobile = function() {try {return (/iphone|ipad|ipod|androi..

반응형