목록전체 글 (89)
Rainbow
→ eq()선택자 eq(index) 선택자는 index 부분에 숫자를 넣고 숫자가 의미하는 해당태그를 선택할 때 사용한다eq선택자를 이용하여 리스트 목록에 li태그를 선택하는 에제이다
객체란?여러 개의 속성(property)과 메서드를 포함하는 데이터 구조 - 자바스크립트 객체는 프로그램에서 모두 인식할 수 있는 대상 - 속성(프로퍼티) : 객체의 특성이나 속성 - 메서드(함수) : 객체에서 할 수 있는 동작 객체의 구조key : 객체의 속성(property)또는 메서드(method) 이름value : 이름에 대응되는 값 또는 함수이름과 값은 세미콜론 (:) 한쌍이고 여러 쌍들은 (,)콤마로 구분파이썬의 딕셔너리형은 key를 작은따옴표(')나 큰따옴표(")로 묶어주지만,자바스크립트의 객체는 이름(key)를 따옴표로 감싸주지 않아도 된다. 객체 생성중괄호{}를 사용한 객체 리터럴 객체 생성방법생성자 함수를 정의하여 생성자 함수를 사용하고 객체 생성 하는법 객체 리터럴(중괄호{}) 사용..
안녕하세요. 코딩웍스입니다.Swiper Slider, Slick Slider 등 슬라이더를 만드는 제이쿼리 플러그인이 여러개 있습니다.그 중에 슬릭 슬라이더 옵션을 한글로 정리했습니다. 물론 옵션이 엄청 많지만 사용하는 것들은 사실 10개 이내라고 생각됩니다. 그래도 필요한 경우가 있을 수 있으니 알아두시면 좋을 것 같습니다. 저도 처음보는 옵션이 참 많습니다.^^슬릭 슬라이더 뿐만 아니라 거의 모든 제이쿼리 플러그인은 기본형은 예쁘지 않기 때문에 Custom CSS로 위치와 모양을 잘 꾸며주어야 합니다. 개발자 도구를 통해서 어떤 선택자를 고쳐야 하는지 체크해서 해당 선택자의 속성을 잘 변경시키면 아주 예쁜 슬릭 슬라이더를 만들 수 있습니다.🚩 슬릭 슬라이더 공식 홈페이지 : slick - the l..

per 적용 >1. 스와이퍼 슬라이드 사이트 접속https://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com2. Get start 연결 - CDN연결CDN을 사용하는 이유!!- 제이쿼리로 불러올때 CDN 방법을 주로 사용한다 CDN이란?- 콘텐츠 전송 네트워크 라는 뜻으로 영화, 뮤직비디오, 스포츠등 내용을인터넷 망을 통해 빠르고 안정적으로 전달해주는 콘텐츠 전송망 이라고 한다CDN은 그냥 Swiper서버에서 js,cs..

CSS 방법론 BEM 개념 BEM : Block, Element, Modifier 구성된 클래스 이름을 짓는 CSS방법론이다 Id에서 사용하지 않고 오직 CSS명에만 활용할 수 있다 "어떻게 보이는가" 아니라 "어떤 목적인가 에 따라 이름을 짓는다 BEM 방법론은 다음과 같다 블록(Block) : 재사용 가능한 독립적인 블록요소이고, 사용자 인터페이스(ul) 의미 있는 부분을 나타낸다 블록은 일반적으로 하이픈(--)으로 구분된 단어 또는 짧은 단어 조합으로 되어있다 블록의 예로는 헤더, 푸더, 버튼, 내비게이션메뉴 예시 → header, footer, Button, nav--menu 요소(Element) : 블록을 구성하는 종속의 하위요소이다 블록 내에서 특정 기능을 수행하며 블록 외부에서는 사용할 수 ..
[개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 :: 코딩 공부 일지 (tistory.com) [개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 🚀 "프레임워크와 라이브러리의 차이를 아시나요?"" "음... 프레임워크는 뼈대이고 라이브러리는 모듈 같은 것이고....😰" "그럼 최근에 사용하신 프레임워크와 라이브러리를 알려주세요." "... ex cocoon1787.tistory.com