딱 자바스크립트 3줄로 만드는 DIY 이미지 슬라이더 (Carousel)
HTML-код
- Опубликовано: 18 сен 2020
- 실은 이미지 하나당 3줄이었음 ㅈㅅ
캐러샐, 이미지 슬라이드 필요하면 slick, bxslider, swiper 이런 라이브러리 찾지말고 직접 만들어쓰십시오 쉬움
- 기초 HTML CSS 지식필요
- JavaScript/jQuery 기초강의 codingapple.com/course/javasc...
- 구독자용 10% 할인 코드 YT123
![javascript 52 [ Multiple Slideshow ] 무한 반복 ( loop ) 멀티플 슬라이드, 순수 자바스크립트로 구현하기](http://i.ytimg.com/vi/7rTW0mndIy0/mqdefault.jpg)
여태 본 코딩 강의 영상 중 최고로 빠르고 쏙쏙 들어오네요 ㅋㅋㅋㅋㅋㅋㅋ 귀찮은듯 땃땃한 말투가 넘 좋습니다
불친절한 강의 . 진짜 마음에 들어요^^ 감사합니다.
ㅋㅋㅋㅋㅋ 뭔가 사기꾼 같이 잘해 ㅋㅋㅋㅋㅋㅋㅋㅋ 진짜 강의 들을 때마다 감탄 ㅋㅋㅋ 진짜 쉽게 잘 알려준다. ㅎㅎ
귀에 쏙쏙 강의 감사합니다. 넘나 좋아요.. ~~~ㅎㅎ
와.. 여러 강의 듣다가 찾았다 내 강의♡
고맙습니다. 정말 쉽게 잘 가르치시네요
선생님 특유의 그 귀찮다는듯한 말투에 중독됩니다.
저는 코딩애플 강의를 듣고 있는데 숙제 나오는 것 해보면서 실력이 느는게 느껴지네요. 좋은 강의 감사합니다.
정말 감사합니다! 숙제도 내주셔서 직접 만들어보니 더 좋네요 강의 굵고 짧은게 아주 제 스타일! 혹여나 안되시면 분은 쪽지 주시면 알려드리겠읍니다 ^^7
감사합니다. 많은 도움이 됐습니다.
아놔 ㅋㅋ 목소리 3초듣고 구독누름. 저 국비듣다가 이해 1도안되서 이것저것찾아보다가 여기까지왔네여 ㅠㅠ 자바랑 제이쿼리영상 자주올려주시면 감사하겠습니다 ㅠㅠㅠㅠ
와 이 강의 물건이다
여러분 이강의 1.5배로 하면 더 귀에 쏙쏙 잘들어옵니다 ㅋㅋㅋㅋ
강의가 쏙쏙 들어와요! css 코드 추가 확장자 어떤건가요?? 궁금궁금
넘죠아
감사합니다~~
진짜 마라맛 생활코딩
고딩학생때.. 이런 선생님이 있었다면... 서울쪽 대학에 갈 수 있었을듯...
요게 제일 빠른거 같네요.ㅎㅎ 슬라이드 보통 3개 4개 쓰는데 굳이 변수잡고 반목문 쓰고 할필요 없을거 같기도 하고. 반복문이나 변수 여러게 잡고 하지 않으면 못하는 기술없는 개발자라 보일진 몰라도 실속면에선 최고 인듯...영상 잘보앗습니다. 언제나 시원한 영상.
하지만 기술없다고 놀리면어쩌쥬
쉽게 하는게 더 좋은 기술이라고 봐요
빡대가리라 오늘 하루종일 왜 안되나했는데 궁금한 부분 정확히 얼려주셔 뉸물나게 감사합니다 ㅠ 잘 안되었던 원인 중 또 하나는 vscode 에서 자바파일 연결해서 사용했는데 이렇게 하니 브라우저에서만 동작하는건 동작 안하더라구요 html에 스크립트에 작성하니 잘됩니다 무튼 덕분에 겟쿼리랑 에드이벤트리스너 잘 이해했습니다 마지막 숙제도 함수로 완성했습니다
강의 ㄹㅇ존잼이네요
ㄹㅇ ㅋㅋ
7:54 왜 텍스트냐고요? 몰라도 돼요ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
html파일에서 바로 css연결하는거 어떻게 하나용? 2:49 용 ㅠㅠ
"압도적 감사"
알고리즘에 이끌려 왔습디다..
만약에 배경이미지를 바꾸고 싶다 하면 어떻게 해야할까요..
main 안에 header가 있는 구조라서 main배경을 바꾸고 싶은데 이 방법으로 했을 때 이미지는 슬라이딩 되는데 배경이 바뀌진 않네요..후
2분 44초 .container 에 css스타일 적용할때 단축키를 사용하여 화면 밑에 바로 css편집화면 나오게 하여 추가하셨는데...
어떻게 하신거죠? 구글링해도 맞당한 정보가 없네요ㅜㅜ
코딩애플님..... 확장프로그램인가요? 아님 단축키가 있나요?
Brackets을 이용하시는군요....쩝쩝
@@500_error6 아니요.vs에는 그 기능이 없고 ctrl 클릭으로 이동합니다 ㅜㅜ
구독 늘어나랏!!!
안늘어납니다
@@codingapple ㅋㅋㅋㅋㅋㅋ
다른 영상은 1.5배속 또는 2배속으로 바꾸고 듣는데. 이 영상은 틀자마자 1.5배속이네 ㅋ
군대있을때 조교 같은거 하셨나요?
구글에 물어봐요ㅋㅋㅋㅋㅋ
이분 ㅈㄴ 웃기네 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
강의에서 알려주신대로 float:left를 이용해서 이미지 가로배치하려고하는데 왜 안되눈걸까요..? 다른방법으로 .container{display:flex}를 했는데도 이미지들이 가로로 바뀔생각을 안하네요ㅠㅠㅠ
.container {
width: 300vw;
}
.inner {
width: 100vw;
float: left;
}
동영상에는 스타일을 열어주지 않았어요.
부모 박스에 flex 주신거 맞을까요 또는 이미지 사이즈를 작게 바꿔서 다시해보세요 너무 크면 안되는 것 처럼 보이기도 합니다
다음버튼 어케만듬요?
2:50 ㅇㅕ기 css 바로 켜는거 어떻게하나용?!?
너무 감사합니다. 혹시 일정 시간마다 넘어가는 기능도 js로 가능하나요?😊
4:41 에서 html안에서 css코드 수정하는거 확장프로그램 이름좀알려주세요
brackets 에디터기본기능이에얌
@@codingapple 아~ vscode 쓰는데 비슷한게없네용..ㅎㅎ
이미지가 안떠요.. ㅜㅜ jpg 맞는데..
풀페이지 안에 넣는데,, 왜,, 저는 1,2,3을 아무리 눌러도 사진 슬라이드가 안될까요 ㅠ.ㅠ
대부분오타입니다
@@codingapple 감사합니다!! 제가 풀페이지에 슬라이드를 넣었는데, 다음 페이지(section)에도 똑같이 복붙해서 클래스명 잘 고쳐서 넣었는데 추가 한 페이지에서는 또 슬라이드가 안넘어가네요,,, 스크립트도 제각각 .div > b1 (버튼이름) 이렇게 네임 바꿔줘야하나요??
똑같은 구조 풀페이지에 들어가면되는거라 스크립트는 안건드려도 된다고 생각하고 있는데 작동이 안되서 클래스를 페이별로 준대로 추가해서 div>button해도 슬라이드가 안넘어가네욤,, ㅠ.ㅠ
@@jjiking 현명하네
이거랑 리액트는 별계인거죠?? 리액트내에서 public에 있는 index.html에 코딩하고 src의 App.css랑 연결해도 안되는거죠?(안되서 물어봐요..)
ㅋㅋㅋㅋㅋ 코딩에 이런분 진짜 없다고 생각하는데 개웃기네 ㅋㅋㅋㅋㅋㅋ
jquery대신 성능때문에 transition 쓴다는 내용을 더알수있을까요
안알랴줌
jquery 자체가 모듈집합체를 따로 불러와다가 쓰는 개념이고, 이 방식은 날코딩이라 그럴거에요!
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 미친
@@codingapple 왜요~~~~ ㅋㅋㅋㅋㅋㅋ
어휴에서 터짐ㅋㅋㅋㅋㅋㅋㅋ
ㅈㄴ 웃기네 알고리즘 뜨는 이유가 있노 ㅋㅋㅋ
07:55 몰라도 되요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
어휴 js 슬라이드 어떻게 만듦? ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋ여기있다니...
@@HappycatGGOM 앗 ㅋㅋㅋ 하이하이!
마이크 구매하자