# removeClass

Front-end 국비지원 #057일
AJAX 와 JSON 을 다시 한번 복습하고 넘어가보자.Ajax는 웹페이지에서 새로운 데이터를 보여주려고 할 때 웹페이지 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분 만을 로드하기 위해 비동기 (non-blocking)을 사용하여 데이터

Front-end 국비지원 #053일
결과HTMLP 태그에 클래스이름을 정한다. SCSS 반복문을 위해 SCSS 에서 작성한다.script변수 \`\`\`javascriptimageList.css('display','none');imageList.eq(imgIndex).css('display','block

Front-end 국비지원 #049일
결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05

Front-end 국비지원 #043일
결과반응형 디자인 2-1에서는 모바일 메뉴를 만들고 left:100% 로 화면 영역 밖으로 빼네는 작업을 했고 오늘 그 메뉴가 나오는 모습까지 만들게 되었다. HTMLSCSSscriptleft로 -100% 가 있던 모바일 메뉴를 제이쿼리로 나오게 구현하였다. 하지만 모

Front-end 국비지원 #037일
전체 결과1-3 진행 결과오늘은 배너와 배너 하단 컨텐츠 부분을 제작하였다. HTMLCSS2의 배수로(2n) 으로 위아래 정렬을 했다. 각 relative와 absolute를 활용하여 1~15 nth-child를 이용하여 위치를 조절했다. Script.btn li 를
[JS, JQuery] 시간에 따라 달라지는 이미지 넣기
팀을 소개하는 미니프로젝트를 진행하는 도중, 게임 테마와 비슷해보이게 하기 위해서 시간이 지나면 체력이 방전되는 아이디어를 팀원과 논의했었다. 처음에는 Progress Bar를 활용했지만, 조금 더 직관적인 그래픽 디자인을 사용하기로 추가로 논의했다.그래서 HP, MP
slick(슬릭) 슬라이더 정지, 재생 버튼 추가하는 함수 (스위치) addClass, removeClass
클래스 추가하는 함수클래스를 제거하는 함수제이쿼리 재생 정지버튼 할때 함수에 쓰임// CSS에 .on 붙여쓰기 (띄어쓰기 X)이 방법은 슬릭에서만 쓰인다.스와이퍼는 다른 방법으로 적용된다.
제이쿼리

[Jquery - 실습] 버튼식 이미지 슬라이더
웹페이지에서 이미지를 노출시킬 때 유저가 버튼을 누르면 그에 맞는 이미지와 텍스트가 나타나는 반응형 이미지 슬라이더를 Jquery를 사용하여 구현하는 것을 통해 each()와 addClass()등의 jqeury 주요 메서드를 이해한다. 💡주요 로직 각각

[Jquery - 실습] text ellipsis
일정 글자수가 넘으면 말줄임 버튼(text ellipsis)이 생기는 텍스트 박스를 구현하는 것을 통해 class를 제어하는 메서드와 주변의 태그를 제어하는 메서드 등, Jqeury에서 자주 사용되어지는 메서드를 이해한다.