🔥 오늘의 목표
- h+c+j 실전퍼블리싱 강의 진도 및 복습
📝 노트필기 및 정리
- 진도
1. 밀리의 서재 어코디언 실전 예제 만들기
기본 html 구조.
목표 화면의 ㅡ <선은
cnt의 border: top 으로 들어갈 거고,
불릿 아이콘은 .title:after 의 cnt에 폰트어썸으로 들어갈 것.
그리고 생각보다 더margin 과 padding 으로 모든걸 조정한다...!
둘을 헷갈려했던 예전이 아련하게 생각나는군요...
jquery 파트
custom.js가 head하고 /head 사이에 있기 때문에 body를 모두 읽어 온 다음에 custom.js가 실행되어야 하니까
document ready 라고 한 다음에 해야 한다???
중요!!!
slideToggle() 같은 경우는 큐를 기억하지 않는
stop() 이라는 메서드를 반드시 넣어줘야 하고,
stop 메서드를 넣을 때 괄호()를 빼먹으면 안된다!!
중요2!!!
어떤 것이 눌릴 지 모르니 this로 받는데,
this는 따옴표'' 안에 쓰면 안된다.
따옴표 안에 쓰게 되면 태그로 인식을 해버림.
이게 기본 jquery이다.
=
.accordion-item 아래의 .title을 .click 하면
this의 .next()를 .stop() 하고 .slideToggle() 해라.
완성된 제이쿼리.
💭 느낀점
- 오늘 한 일은 무엇인가요?
- 중요한 것/기억해야 하는 것은 무엇인가요?
this와 stop 메서드의 사용법.
- 내일 할 일은 무엇인가요?
모달 띄우기!!!
🦜🦜🚗🏍 🚲🌳🌈🎀