Life goes slowly...

자바스크립트의 jQuery(제이쿼리)에서는 선택 및 지정한 요소의 다음 엘리먼트를 가져오도록 하는 함수를 사용할수있습니다. 지정한 요소에 인접한 다음 요소의 엘리먼트를 선택하는 함수로는 .next(), .nextAll(), .nextUntil() 가 있습니다. jQuery(제이쿼리)의 .next() 함수 자바스크립트의 jQuery(제이쿼리)의 .next() 함수는 선택한 요소의 바로 다음에 위치한 형제의 요소를 선택하는 함수입니다. //함수 사용방법 $(select).next(); $(select).next(selector); jQuery(제이쿼리)의 .nextAll() 함수 자바스크립트의 jQuery(제이쿼리)의 .nextAll() 함수는 선택한 요소의 바로 다음에 위치한 모든 형제의 요소를 선택하는 ..

DataBase의 테이블에 카테고리라는 칼럼들이 존재하며, 이러한 카테고리 값이 테이블에 여러 개 존재하고 있습니다. 이처럼 카테고리를 조회 시 테이블마다 값이 중복되는 경우가 있습니다. 이러한 중복되는 결과값을 제거하기 위한 SQL 문이 Distinct입니다. Mysql의 범주 조회 시 사용되는 키워드 Distinct을 알아보도록 하겠습니다. Mysql의 Select Distinct Mysql의 중복제거 키워드인 SELECT Distinct를 사용하게 되면 지정된 칼럼명이 중복되지 않고 고유한 자료만 Row(레코드) 형태로 조회하게 됩니다. //중복되는 컬럼제거후 조회 SELECT DISTINCT 컬럼 FROM 테이블; //조건처리후에 중복되는 컬럼제거후 조회 SELECT DISTINCT 컬럼 FROM..

나이키 에어 조던 5 "WHAT THE" NIKE Air Jordan 5 "WHAT THE" 2019년에 발매되었던 NIKE Air Jordan 4 "What The"에 이어 NIKE Air Jordan 5 "What The"가 발매됩니다. "What The"란 발매되었던 컬러및 소재 패턴을 믹스매치하여 디자인한 라인입니다. NIKE Air Jordan 5 “What The” Style Code: CZ5725-700 Color: Varsity Maize/Solar Orange-Court Purple Release Date: November 7th, 2020 Price: $220, ￦239,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/CZ5725-70..

나이키 덩크 로우 “베니어(Venner)” Nike Dunk Low CO.JP “Veneer” Nike Dunk Low CO.JP “Veneer” Style Code: DA1469-200 Color: Veneer/Autumn Green/Deep Purple Release Date: November 10th, 2020 Price: $100,￦119,000원 https://www.nike.com/kr/launch/t/men/fw/nike-sportswear/DA1469-200/fkpv84/nike-dunk-low-sp

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. .removeClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 제거할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .removeClass() 함수 jQuery(제이쿼리)의 .removeClass() 함수는 CSS 클래스를 제거하는 함수로 element(요소) 와 Class(클래스)명을 받아서 호출하게 됩니다. 선택한 요소에서 Class 값을 제거하게 됩니다. ...

ALPHA INDUSTRIES INC. (알파 인더스트리) 와 IAB STUDIO(아이앱 스튜디오)의 콜라보레이션 상품이 발매될 예정입니다. IAB STUCIO(아이앱 스튜디오)는 ALPHA INDUSTRIES INC. (알파 인더스트리)가 오랜 시간 가꿔온 독보적인 헤리지티에 주목했다. 이번 시리즈는 ALPHA INDUSTRIES INC. (알파 인더스트리)를 대표하는 MA-1의 강점을 최대한 살리고, 그 위에 IAB STUCIO(아이앱 스튜디오)만의 색을 얹어 재탄생된 3 종류의 IAB FLIGHT SERIES를 선보인다. 경비행장에서 촬영된 이번 록 북은 그간 사람들이 크게 주목하지 않았던 MA-1 자켓의 오랜 전통을 부각하는 작업이었으며, 또한 이를 현대적으로 갱신하는 과정을 보여준다. IAB..

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. jQuery의 .addClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 추가할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .addClass() 함수 제이쿼리(jQuery)에서 사용하는 Class 명을 추가하여 Style을 적용하는 방법 이외에도 직접 Style을 적용이 가능합니다. .attr() 함수나. css() 함수를 사용하는 방법입니다. //.attr()..

요소(element)에 자바스크립트(Javascript) 이벤트 핸들러를 지정하기 위한 함수로는. bind() , .on(), .live() 가 있습니다. 3개의 함수 모두 같은 역할을 하고 있지만 각각 함수마다 차이점이 있습니다. jQuery의 .bind() 함수 제이쿼리(jQuery)에서 사용되는 가장 기본적으로 사용되는 자바스크립트(Javascript) 이벤트 바인딩 함수입니다. 하지만 제이쿼리 1.7 버전 이후에. on() 함수가 나오면서 새로운 기능이 추가되지 않을 예정으로 점점 사라질 수도 있다는 이야기가 있어서 제이쿼리 1.7버전 이후에는. on() 함수를 사용하라고 가이드 되어 있습니다. 단일 요소(element)를 각 이벤트 처리기에 연결하며 복제된 요소(element)는. bind() ..

나이키 X 사카이 베이퍼와플 “ROYAL FUCHSIA” Sacai x Nike VaporWaffle “ROYAL FUCHSIA” 사카이(Sacai)는 1999년 일본의 도쿄를 기반으로 아베 치토세에 의하여 만들어진 브랜드로써, 브랜드를 설립하기 전 오랜 기간 일본의 대표적인 브랜드 꼼데 가르송에서 디자이너를 해왔습니다. 2019년 Sacai X 나이키 LDV와플 제품이 큰 인기를 얻어 올해 2020년 새로운 라인 베이퍼와플 제품이 출시됩니다. Sacai x Nike VaporWaffle Style Code: CV1363-100 Color: Sail/Light Bone/Game Royal/University Red Aisa, EU Release Date: November 6th, 2020 US Relea..

나이키 X 사카이 베이퍼와플 “BLACK AND WHITE” Sacai x Nike VaporWaffle“BLACK AND WHITE” 지난해 2019년 Sacai X 나이키 LDV와플 제품이 큰 인기를 얻어 올해 2020년 새로운 라인 베이퍼와플 제품이 출시됩니다. 이번 콜라보 제품은 나이키 베이퍼플라이 제품과 와플 레이서를 조합하여 디자인한 제품으로 신발 혀에서부터 나이키 Swoosh 2중 로고와 모든 요소에 따른 레이어를 2개씩 추가하여 디자인한 디테일을 보여줍니다. Sacai x Nike VaporWaffle Style Code: CV1363-001 Color: Black/Summit White-Pure Platinum Aisa, EU Release Date: November 6th, 2020 U..

용인 카페 / 수지 신봉동 카페 365일 크리스마스를 즐기는 올 데이 크리스마스 주말을 맞이하여 가족들과 함께 용인 수지 신봉동에 있는 힙한 카페!!! 일 년 365일 크리스마스를 즐길 수 있는 카페 "올 데이 크리스마스" 카페를 다녀왔습니다. 주말 오후에 도착한 카페 내부는 마치 크리스마스를 연상케하는 예쁜 불빛들이 우리를 반기는듯했습니다. 주말 오후라 가족들이 즐기는 모습들이 마치 크리스마스를 즐기는 것처럼 느껴졌습니다. 저녁에 오게 되면 더욱더 반짝반짝 예쁜 불빛들이 빛났겠지만 아쉽게도 그러한 모습은 즐길 수 없었습니다. 너무나 먹음직스러운 제과 빵들과 케이크들은 크리스마스를 다시 한번 연상케하였습니다. 제가 아주 좋아하는 아메리카노와 함께 하면 더욱 좋은 메뉴들이었습니다. 제과 빵과 즐길 수 있는..

jQuery의 .removeAttr() 함수 jQuery의 .removeAttr() 함수는 속성을 값을 삭제할 때 사용됩니다. 자바스크립트의 기본 함수이며 요소(element)의 속성(attribbute)의 값을 삭제할 때 사용됩니다. // 속성값 제거하기 .removeAttr( attributeName ) .removeAttribute( attributeName ) // div 요소의 title 속성을 제거합니다. $( 'div' ).removeAttr( 'title' ); // input 요소의 placeholder 속성을 제거합니다. $( 'input' ).removeAttr( 'placeholder' ); // input 요소의 disabled 속성을 제거합니다. $( 'input' ).remov..

jQuery .attrr() 함수 jQuery의 .attr() 함수는 속성을 값을 가져올 때 사용됩니다. 또한, JQuery의 .attr() 함수를 사용하여 요소(element)의 속성(attribbute)의 값을 쉽게 제어할 수도 있습니다. //함수 사용법 .attr( attributeName ) // 속성값 가져오기 .attr( attributeName , val ) // 속성값 제어하기 //속성값 가져오기 //div 요소의 id 속성의 값을 가져옴 $( 'div' ).attr( 'id' ); //id 요소가 "test" 인 placeholder 속성 값을 가져옴 $( '#test' ).attr( 'placeholder' ); //body 요소의 class 속성의 값을 가져옴 $('body').att..

설명 Method 기능 .offset() 읽기/쓰기 선택된 요소의 좌표를 가져오거나 특정 좌표로 이동 .offsetParent() 읽기 전용 Dom 트리에 존재하는 부모 요소들 중 위치 요소를 기준으로 가장 가까운 요소를 선택 .position() 읽기 전용 부모 요소의 위치를 기준으로 값을 얻는 상대 좌표를 사용하는 방법 .scrollLeft() 읽기/쓰기 선택된 요소의 가로 스크롤 값을 반환하거나 값을 지정 .scrollTop() 읽기/쓰기 선택된 요소의 세로 스크롤 값을 반환하거나 값을 지정 .offset() 함수 .offset( coordinates ) Hello2nd Paragraph Hello left: 10, top: 50 .offsetParent() 함수 .offsetParent( coor..

Method 설명 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가 .appendTo() 선택된 요소를 해당 요소의 마지막에 추가 .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가 .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가 .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가 .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가 .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가 .clone() 선택한 요소를 복사( 특정 태그안의 내용 모두 복사) .remove() 선택한 요소를 삭제( 태그 안의 내용을 모두 삭제) .app..