# addClass

14개의 포스트
post-thumbnail

teampj3. 자바스크립트를 addClass, toggleClass를 사용하다

teampj4에 이어 더보기를 구현해냈다.더보기 버튼을 추가하는 방법도 생각했지만 클릭했을 때 나오는 것도 깔끔하니 좋아보인다.참조

5일 전
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #057일

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

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #053일

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

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #049일

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

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #047일

결과푸터도 마찬가지로 반응형으로 줄어들게 만들었다.HTML결과탭메뉴를 제작한다. 마우스 클릭은 물론 tab을 눌러 해당 공지사항 전부 탭하여 이동이 되는지 확인한다. (웹 접근성) 을 위함이다.HTMLscript결과HTMLscript하위 img태그를 찾아서 attr 속

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #043일

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

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #037일

전체 결과1-3 진행 결과오늘은 배너와 배너 하단 컨텐츠 부분을 제작하였다. HTMLCSS2의 배수로(2n) 으로 위아래 정렬을 했다. 각 relative와 absolute를 활용하여 1~15 nth-child를 이용하여 위치를 조절했다. Script.btn li 를

2022년 12월 5일
·
0개의 댓글
·

li 요소 active class 추가

1. addClass

2022년 7월 19일
·
0개의 댓글
·

[JS, JQuery] 시간에 따라 달라지는 이미지 넣기

팀을 소개하는 미니프로젝트를 진행하는 도중, 게임 테마와 비슷해보이게 하기 위해서 시간이 지나면 체력이 방전되는 아이디어를 팀원과 논의했었다. 처음에는 Progress Bar를 활용했지만, 조금 더 직관적인 그래픽 디자인을 사용하기로 추가로 논의했다.그래서 HP, MP

2022년 4월 21일
·
2개의 댓글
·

slick(슬릭) 슬라이더 정지, 재생 버튼 추가하는 함수 (스위치) addClass, removeClass

클래스 추가하는 함수클래스를 제거하는 함수제이쿼리 재생 정지버튼 할때 함수에 쓰임// CSS에 .on 붙여쓰기 (띄어쓰기 X)이 방법은 슬릭에서만 쓰인다.스와이퍼는 다른 방법으로 적용된다.

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

[Jquery - 실습] 버튼식 이미지 슬라이더

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

2021년 4월 29일
·
0개의 댓글
·