Frontend

목표 append, appendTo, prepend, prependTo 함수에 대해 알아보자. 함수 1) append(), appendTo() : 원하는 요소를 '맨 뒤' 에 추가하는 함수. 2) prepend(), prependTo() : 원하는 요소를 '맨 앞' 에 추가하는 함수. 학습 1) HTML 마크업 안녕하세요. 배가고파요. 2) JacaScript A, B 의 위치를 정확하게 파악할것. $(function(){ console.log('연결성공!') //A = 새로 추가할 내용 //B = A가 추가될 요소(태그) //append = B의 맨 마지막에 추가됨. //appendTo //A.appendTo(B) $('이건 뒤에 추가되는 append() ').appendTo('div > ul') //..

목표 J Query 를 이용하여 간단하게 좌우 슬라이드 만들어보겠습니다. 워낙 예전에 배웠던 거라서 기억이 나지 않아 복습 겸, 기록 겸 남깁니다. 마크업 /* part1.html */ slide1 slide2 slide3 slide4 1 2 3 저는 2개의 리스트를 만들었습니다. ul : 슬라이더 (이미지 영역) ol : 페이지네이션 (버튼 영역) 이미지 구하기 이제 실습에 재미를 더하기 위해 본인이 원하는 사진 4장을 가져오도록 합시다. CSS 그리고 가지고 온 이미지들을 slide 1, 2, 3, 4 영역에 각 자 넣어주고, css를 사용하여 보기 좋게 정리 해 줍니다. /* part1.css */ @charset 'UTF-8'; *{ margin:0; padding:0; } ol, ul, li {..