removeEventListener

안녕하세요,정현님. removeEventListener를 사용하기 위해서 addEventListener 를 통해 연결된 리스너 함수를 전달해주면 됩니다. 예를 들어서 하기 코드와 같이 활용하시면 도움이 될 것 같습니다. function helloGoogle(e){ alert('안녕하세요! 구글입니다.'); } logo.addEventListener('click',helloGoogle); logo.removeEventListener('click', helloGoogle); 감사합니다.

이미지가 안가려지는 에러

헉 정준영님, 빠른 답변을 드리지 못해 죄송합니다. 해당 내용을 확인해본 결과, 인스타그램 포스팅 카드 만들기 - UI (4-1) 55분 40초 에 서 확인이 가능하십니다. 해결책은 기존의 (사진) (사진) (사진) (사진) 에서 (사진) (사진) (사진) (사진) 와 같이 수정을 진행 해주셔야 합니다. li태그 사이에 스페이스바로 인식되는 부분이 있어서 해당 오류가 발생했던 것으로 보입니다! 감사합니다.

html 파일 올립니다!

안녕하세요, 해당 문제는 17,18번 줄의 (사진) 때문으로 보입니다. CSS파일에서는 circle-image의 자식 선택자로 img를 선택하여 CSS 스타일 속성을 넣어주셨는데, 정상적으로 작동하기 위해서는 (사진) 위와 같이 작성이 되어야 정상적으로 CSS가 작동할 수 있습니다. 감사합니다.

이미지가 안가려지는 에러

안녕하세요, 정준영님. 우선 1번에 대한 오류는 제가 가지고 있는 기존 파일에 적용해보았을때, 어떤 에러인지 파악하지 못했습니다. 참고로 정상 작동하는 css 파일을 첨부해드리겠습니다. * { padding: 0; margin: 0; } ul, li { list-style: none; } .container { width: 100%; background-color: #ebebeb; padding: 40px; } article.card { width: 600px; background-color: #ffffff; margin: 20px auto; border: #c0c0c0 1px solid; border-radius: 3px; margin-bottom: 60px; } .transparent-button { background-color: transparent; border: 0px; cursor: pointer; outline: 0; } /* header 시작 */ article.card header { height: 40px; padding: 10px; } article.card header > div { display: inline-block; vertical-align: middle; } .profile { height: 100%; padding: 5px; box-sizing: border-box; } .profile > img { height: 100%; border-radius: 50px; } .username { font-size: 14px; font-weight: 900; margin-left: 5px; } .more { float: right; padding: 7px; } /* contents 시작 */ .card-buttons { padding: 0 15px; margin-top: 10px; } .card-buttons > div { display: inline-block; margin-right: 10px; } .card-buttons > div.bookmark { float: right; } /* 본문 */ .card-likes { font-weight: 900; padding: 5px 15px; font-size: 13px; } .card-content { padding: 5px 15px; font-size: 13px; } .card-content li > div > span { font-weight: 900; } .card-content li > div { padding: 2px; } .card-content li > div button { float: right; } .card-content li > div button > img { width: 12px; margin-right: 5px; } .card-time { font-size: 11px; padding: 0 15px; color: #999999; margin-bottom: 10px; } /* 캐러셀 */ .carousel { width: 100%; position: relative; } .carousel > div { overflow: hidden; } .carousel ul > li { display: inline-block; } .carousel ul { width: 100000px; } .carousel ul > li > img { width: 600px; } .slide { position: absolute; top: 50%; transform: translateY(-50%); padding: 10px; } .slide.slide-right { right: 0; } .slide > button { opacity: 0.75; } .carousel footer { position: absolute; height: 20px; text-align: center; width: 100%; bottom: -30px; } .carousel footer div { width: 6px; height: 6px; background-color: #999999; display: inline-block; border-radius: 50%; } .carousel footer div.active { background-color: #0095f6; } /* footer */ footer.comment { height: 50px; position: relative; border-top: solid 1px #e6e6e6; } .comment input { width: 100%; height: 100%; border: 0; outline: 0; padding: 0 15px; } .comment > div { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .comment > div button { color: #0095f6; opacity: 0.5; padding: 10px 5px; } 2번에 대한 오류는 오타 때문입니다. updateSlideButtonvisible(carouselElemm, currentIndex, liCount); 이 부분의 carouselElemm을 carouselElem로 고쳐주시면 됩니다.

버튼 자바스크립트 오류

안녕하세요, 정준영님. 제가 기존에 가지고 있던 html파일과 css파일을 그래도 활용하면서, 올려주신 코드만 넣어서 테스트를 해보았는데, 캐로셀이 오른쪽으로 이동하며 잘 작동합니다. html 파일을 추가로 확인을 해야 어디서 발생했는지 오류를 정확히 확인할 수 있을 것 같습니다. 감사합니다.