조반짝의 도전일지

탭메뉴(영화차트 스와이퍼) 복습 swiper 접속 layout copy chart1 중간에 붙여넣기 swiper script 붙여넣기 위에서 이미 swiper const 지정을 했기 때문에 const 대신에 let swiper로 변경한다. 이미 지정된 const swiper는 const 삭제한다. loope 빼고 밑에 다 삭제하고 '.swiper' >' .swiper2 '로 변경 swiper-wrapper 마크업 reset.css에 여백초기화 부분에 figure, figcaption 추가하기 reset.css 에 .icon 스타일 추가하기 html 에 icon 이름을 넣어주면 reset에 넣은 icon 이미지가 들어간다. .chart1 css 편집 img를 100%로 지정하고 포스터를 기준으로 rank가..

탭메뉴 html 마크업 #movie css 편집 위아래 여백 100px 떨어뜨리기 movie 탭 li 편집 반응형 적용하기 media.css 편집 movie_title 사이즈 편집 화면크기 960px 화면크기 768px ir_su 살리기 reset.css 에서 ir_su 코드 가져오기 밑에 선 가상요소로 넣기 ::before로 넣어준다. active 가상요소 만들기 화면크기600px .row의 가상요소 만들기 탭메뉴 jquery script 영화포스터 만들기 swiper 링크 걸기 css, js 링크 html layout 복사해서 붙여넣기 swiper-slide 각 div 안에 이미지 넣기 .movie_chart1 css 편집 css setting .swiper-slide image 편집 reset.cs..

Notice 3 만들기 column col2 편집 css 편집 .notice3 이미지 사이즈와 li 위치 잡아주기 li에 패딩값을 주어 위치를 잡아준다. (좌표값을 계산해서 잡아주어야한다.) a, span 태그가 인라인 구조여서 한 줄로 나열이 된다. 줄이 떨어지기 위해서 블럭구조로 바꾸어 행이 바뀌도록한다. html에 더보기 넣기 a태그로 더보기 만들어주기 더보기 css 위치 잡기 더보기 a태그 블럭구조로 변경해주고 크기를 지정 백그라운드 이미지 백그라운 포지션을 넣어 이미지를 배치해준다. clumn col5 편집 제목 써주고 ir_su로 글씨 감추어주기 탭메뉴 만들기 ul > li 로 목록 만들고 li 중 한개 의 li 에 class= "active" 를 지정해준다. 공지사항1 ul > li안에 내용..