딱 자바스크립트 3줄로 만드는 DIY 이미지 슬라이더 (Carousel)

  Рет қаралды 62,441

코딩애플

코딩애플

Күн бұрын

Пікірлер: 65
@미이이-q3q
@미이이-q3q 4 жыл бұрын
여태 본 코딩 강의 영상 중 최고로 빠르고 쏙쏙 들어오네요 ㅋㅋㅋㅋㅋㅋㅋ 귀찮은듯 땃땃한 말투가 넘 좋습니다
@MrWibette
@MrWibette 4 жыл бұрын
불친절한 강의 . 진짜 마음에 들어요^^ 감사합니다.
@infp3054
@infp3054 3 жыл бұрын
ㅋㅋㅋㅋㅋ 뭔가 사기꾼 같이 잘해 ㅋㅋㅋㅋㅋㅋㅋㅋ 진짜 강의 들을 때마다 감탄 ㅋㅋㅋ 진짜 쉽게 잘 알려준다. ㅎㅎ
@최현준-r3q
@최현준-r3q 2 жыл бұрын
선생님 특유의 그 귀찮다는듯한 말투에 중독됩니다.
@maik6550
@maik6550 2 жыл бұрын
저는 코딩애플 강의를 듣고 있는데 숙제 나오는 것 해보면서 실력이 느는게 느껴지네요. 좋은 강의 감사합니다.
@오준석-g6f
@오준석-g6f 2 жыл бұрын
진짜 마라맛 생활코딩
@proyun3501
@proyun3501 2 жыл бұрын
고딩학생때.. 이런 선생님이 있었다면... 서울쪽 대학에 갈 수 있었을듯...
@seungyounlee7025
@seungyounlee7025 4 жыл бұрын
7:54 왜 텍스트냐고요? 몰라도 돼요ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
@nawownaable
@nawownaable 2 жыл бұрын
와.. 여러 강의 듣다가 찾았다 내 강의♡
@뀨윙-y8g
@뀨윙-y8g 3 жыл бұрын
여러분 이강의 1.5배로 하면 더 귀에 쏙쏙 잘들어옵니다 ㅋㅋㅋㅋ
@rrtotrr
@rrtotrr 4 жыл бұрын
요게 제일 빠른거 같네요.ㅎㅎ 슬라이드 보통 3개 4개 쓰는데 굳이 변수잡고 반목문 쓰고 할필요 없을거 같기도 하고. 반복문이나 변수 여러게 잡고 하지 않으면 못하는 기술없는 개발자라 보일진 몰라도 실속면에선 최고 인듯...영상 잘보앗습니다. 언제나 시원한 영상.
@codingapple
@codingapple 4 жыл бұрын
하지만 기술없다고 놀리면어쩌쥬
@TV-se2ns
@TV-se2ns 3 жыл бұрын
쉽게 하는게 더 좋은 기술이라고 봐요
@타타-u8f
@타타-u8f 3 жыл бұрын
정말 감사합니다! 숙제도 내주셔서 직접 만들어보니 더 좋네요 강의 굵고 짧은게 아주 제 스타일! 혹여나 안되시면 분은 쪽지 주시면 알려드리겠읍니다 ^^7
@Ysk-q9k
@Ysk-q9k 3 жыл бұрын
html파일에서 바로 css연결하는거 어떻게 하나용? 2:49 용 ㅠㅠ
@keemwanchi
@keemwanchi Жыл бұрын
빡대가리라 오늘 하루종일 왜 안되나했는데 궁금한 부분 정확히 얼려주셔 뉸물나게 감사합니다 ㅠ 잘 안되었던 원인 중 또 하나는 vscode 에서 자바파일 연결해서 사용했는데 이렇게 하니 브라우저에서만 동작하는건 동작 안하더라구요 html에 스크립트에 작성하니 잘됩니다 무튼 덕분에 겟쿼리랑 에드이벤트리스너 잘 이해했습니다 마지막 숙제도 함수로 완성했습니다
@on-jo6os
@on-jo6os 25 күн бұрын
코애 선생님 영상 심심할때 보는데, 코딩공부하는고 있는걸 더 쉽게 설명해주는 느낌..? 근데 말투 재밌게 하는 강의는 안하시나요 ?
@김대영-n2f3m
@김대영-n2f3m 3 жыл бұрын
와 이 강의 물건이다
@kwon-sky
@kwon-sky 3 жыл бұрын
귀에 쏙쏙 강의 감사합니다. 넘나 좋아요.. ~~~ㅎㅎ
@leecali7062
@leecali7062 2 жыл бұрын
고맙습니다. 정말 쉽게 잘 가르치시네요
@Du-yh6ih
@Du-yh6ih 4 жыл бұрын
아놔 ㅋㅋ 목소리 3초듣고 구독누름. 저 국비듣다가 이해 1도안되서 이것저것찾아보다가 여기까지왔네여 ㅠㅠ 자바랑 제이쿼리영상 자주올려주시면 감사하겠습니다 ㅠㅠㅠㅠ
@FireFist-
@FireFist- 3 жыл бұрын
감사합니다. 많은 도움이 됐습니다.
@아따마시따-q4m
@아따마시따-q4m 2 жыл бұрын
"압도적 감사"
@dingin6511
@dingin6511 4 жыл бұрын
강의가 쏙쏙 들어와요! css 코드 추가 확장자 어떤건가요?? 궁금궁금
@aekb7520
@aekb7520 4 жыл бұрын
4:41 에서 html안에서 css코드 수정하는거 확장프로그램 이름좀알려주세요
@codingapple
@codingapple 4 жыл бұрын
brackets 에디터기본기능이에얌
@aekb7520
@aekb7520 4 жыл бұрын
​@@codingapple 아~ vscode 쓰는데 비슷한게없네용..ㅎㅎ
@aabbccdf8289
@aabbccdf8289 4 жыл бұрын
강의 ㄹㅇ존잼이네요
@codingapple
@codingapple 4 жыл бұрын
ㄹㅇ ㅋㅋ
@정양엽
@정양엽 3 жыл бұрын
2분 44초 .container 에 css스타일 적용할때 단축키를 사용하여 화면 밑에 바로 css편집화면 나오게 하여 추가하셨는데... 어떻게 하신거죠? 구글링해도 맞당한 정보가 없네요ㅜㅜ 코딩애플님..... 확장프로그램인가요? 아님 단축키가 있나요?
@정양엽
@정양엽 3 жыл бұрын
Brackets을 이용하시는군요....쩝쩝
@정양엽
@정양엽 3 жыл бұрын
@@500_error6 아니요.vs에는 그 기능이 없고 ctrl 클릭으로 이동합니다 ㅜㅜ
@Jerry-e7p
@Jerry-e7p 3 жыл бұрын
감사합니다~~
@윤여울-r1m
@윤여울-r1m 4 жыл бұрын
구독 늘어나랏!!!
@codingapple
@codingapple 4 жыл бұрын
안늘어납니다
@infp3054
@infp3054 3 жыл бұрын
@@codingapple ㅋㅋㅋㅋㅋㅋ
@밤콩이-v4h
@밤콩이-v4h 3 жыл бұрын
알고리즘에 이끌려 왔습디다.. 만약에 배경이미지를 바꾸고 싶다 하면 어떻게 해야할까요.. main 안에 header가 있는 구조라서 main배경을 바꾸고 싶은데 이 방법으로 했을 때 이미지는 슬라이딩 되는데 배경이 바뀌진 않네요..후
@okang1782
@okang1782 3 жыл бұрын
넘죠아
@소연-j2e
@소연-j2e 2 жыл бұрын
강의에서 알려주신대로 float:left를 이용해서 이미지 가로배치하려고하는데 왜 안되눈걸까요..? 다른방법으로 .container{display:flex}를 했는데도 이미지들이 가로로 바뀔생각을 안하네요ㅠㅠㅠ
@albertlee8114
@albertlee8114 2 жыл бұрын
.container { width: 300vw; } .inner { width: 100vw; float: left; } 동영상에는 스타일을 열어주지 않았어요.
@keemwanchi
@keemwanchi Жыл бұрын
부모 박스에 flex 주신거 맞을까요 또는 이미지 사이즈를 작게 바꿔서 다시해보세요 너무 크면 안되는 것 처럼 보이기도 합니다
@MatinNewter
@MatinNewter 3 жыл бұрын
다른 영상은 1.5배속 또는 2배속으로 바꾸고 듣는데. 이 영상은 틀자마자 1.5배속이네 ㅋ
@jjiking
@jjiking 3 жыл бұрын
풀페이지 안에 넣는데,, 왜,, 저는 1,2,3을 아무리 눌러도 사진 슬라이드가 안될까요 ㅠ.ㅠ
@codingapple
@codingapple 3 жыл бұрын
대부분오타입니다
@jjiking
@jjiking 3 жыл бұрын
@@codingapple 감사합니다!! 제가 풀페이지에 슬라이드를 넣었는데, 다음 페이지(section)에도 똑같이 복붙해서 클래스명 잘 고쳐서 넣었는데 추가 한 페이지에서는 또 슬라이드가 안넘어가네요,,, 스크립트도 제각각 .div > b1 (버튼이름) 이렇게 네임 바꿔줘야하나요??
@jjiking
@jjiking 3 жыл бұрын
똑같은 구조 풀페이지에 들어가면되는거라 스크립트는 안건드려도 된다고 생각하고 있는데 작동이 안되서 클래스를 페이별로 준대로 추가해서 div>button해도 슬라이드가 안넘어가네욤,, ㅠ.ㅠ
@mensol3270
@mensol3270 2 жыл бұрын
@@jjiking 현명하네
@시하-f5b
@시하-f5b 3 жыл бұрын
jquery대신 성능때문에 transition 쓴다는 내용을 더알수있을까요
@codingapple
@codingapple 3 жыл бұрын
안알랴줌
@moonseonglee7431
@moonseonglee7431 3 жыл бұрын
jquery 자체가 모듈집합체를 따로 불러와다가 쓰는 개념이고, 이 방식은 날코딩이라 그럴거에요!
@코리니-j3y
@코리니-j3y 3 жыл бұрын
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 미친
@user-cv7yd1my9m
@user-cv7yd1my9m 2 жыл бұрын
@@codingapple 왜요~~~~ ㅋㅋㅋㅋㅋㅋ
@찬욱노
@찬욱노 2 жыл бұрын
다음버튼 어케만듬요?
@아장-c1b
@아장-c1b 3 жыл бұрын
ㅋㅋㅋㅋㅋ 코딩에 이런분 진짜 없다고 생각하는데 개웃기네 ㅋㅋㅋㅋㅋㅋ
@KimJadu-e8h
@KimJadu-e8h 3 жыл бұрын
이미지가 안떠요.. ㅜㅜ jpg 맞는데..
@jipdol2638
@jipdol2638 4 жыл бұрын
이분 ㅈㄴ 웃기네 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
@능밥쿸쿠
@능밥쿸쿠 3 жыл бұрын
구글에 물어봐요ㅋㅋㅋㅋㅋ
@김대은-f4d
@김대은-f4d Жыл бұрын
너무 감사합니다. 혹시 일정 시간마다 넘어가는 기능도 js로 가능하나요?😊
@콩콩-y7h
@콩콩-y7h Жыл бұрын
이거랑 리액트는 별계인거죠?? 리액트내에서 public에 있는 index.html에 코딩하고 src의 App.css랑 연결해도 안되는거죠?(안되서 물어봐요..)
@minipark6972
@minipark6972 3 жыл бұрын
07:55 몰라도 되요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
@김형준-r9g1o
@김형준-r9g1o 3 жыл бұрын
ㅈㄴ 웃기네 알고리즘 뜨는 이유가 있노 ㅋㅋㅋ
@sonjae0225
@sonjae0225 3 жыл бұрын
어휴 js 슬라이드 어떻게 만듦? ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
@HappycatGGOM
@HappycatGGOM 3 жыл бұрын
ㅋㅋㅋㅋ여기있다니...
@sonjae0225
@sonjae0225 3 жыл бұрын
@@HappycatGGOM 앗 ㅋㅋㅋ 하이하이!
@ellielike3767
@ellielike3767 3 жыл бұрын
어휴에서 터짐ㅋㅋㅋㅋㅋㅋㅋ
웹페이지에 스크롤 애니메이션 쉽게 주는 법
7:06
코딩애플
Рет қаралды 86 М.
#30 3분 만에 웹 슬라이더 만들기  - 웹 코딩 강좌
10:39
디자인베이스
Рет қаралды 14 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Try this prank with your friends 😂 @karina-kola
00:18
Andrey Grechka
Рет қаралды 9 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
IL'HAN - Qalqam | Official Music Video
03:17
Ilhan Ihsanov
Рет қаралды 700 М.
이거보고 prototype 이해 못하면 강의접음
11:16
코딩애플
Рет қаралды 107 М.
올해부턴 CSS 다르게 짬 ㅅㄱ (2022년 CSS 채신기술)
4:57
slick  슬라이드
14:14
funfunweb
Рет қаралды 7 М.
AI agent 만드는 기초 기술
6:22
코딩애플
Рет қаралды 100 М.
Make an Image Carousel/Slider with React | Beginners Tutorial
23:33
Code Complete
Рет қаралды 71 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН