바닐라 자바스크립트로 5분만에 모달창 만들기 (Vanilla JS : making pop up screen in 5 min)

[@zcv25]

Thanks!

[@nomadcoders]

Thanks for watching!

[@히히덕-r8o]

맨날 영어로 개발지식 알려주는 이상한 아저씨라고 생각했는데 프론트 공부할 일있어서 첨 봤는데 넘 유익하네요!! 감사합니다~~!!!! 좋.댓.구 하고 갑니다~

[@hwahyunjang4889]

github 404 ㅜㅜ

[@김민수-v4j]

hey, I want to see your cord but I can not being see it because that site was 404 error. :(

[@arnebet-805]

바닐라 자바스크립트가 자바스크립트랑 어떤점이 다른가요?

[@nomadcoders]

They are the same. VanillaJs means PURE JS

[@arnebet-805]

@@nomadcoders I got it, thanks for the replying!

[@noodle95]

화면에 요소가 나타났을 때 애니메이션이 시작하는 것도 강의해주시면 감사할거같아요. 슬라이드에 적용하고 싶은데 몇일을 찾아도 방법을 모르겠어요.. ㅠ

[@nomadcoders]

You can make a transform:translateX() animation!

[@euntaekkim6122]

지금까지 모달창을 부트스트랩을 이용해서 만들었는데 좋은 팁 감사합니다ㅜ !!

[@nomadcoders]

Vanilla > Bootstrap! 😬

[@aomg2883]

5:52 Close modal function still works without const overlay and overlay addEventListener, I'm curious why you added overlay. Thank u!

[@dohyus]

영상 잘 봤습니다. Vanilla JS로 만드는 datepicker는 어떨까요? 부탁드려요!!

[@nomadcoders]

I like this! I'm gonna think about how to do it and see how it goes. Thanks for the suggestion!

[@ソンチャンド]

질문이 있는데요 만약에 스크롤이 있는 상황에서 팝업을 열었을때 마우스 휠을 움직이면 뒷배경이 내려가던데
jquery를 사용하지않고 뒷배경을 고정시킬 수 있는 방법이 있을까요?!

[@기맹-j9j]

지금쯤이면 이미 해답을 얻으셨을듯하지만 배경고정 원하는 이미지태그에 background-attachment: fixed; 스타일주면 됩니다

[@ソンチャンド]

@@기맹-j9j 답변감사합니다!! background:overflowY:hidden 으로 해결했었는데 위에 알려주신걸로도 한번 시도해보겠습니다~!

[@ElitebrainYH]

How about web scraper?

[@nomadcoders]

Good idea!!!!!!!

[@노란바나나-i8q]

에디터에서 X 넣을때 아이콘 나오는건 어떻게 한건가요?

[@nomadcoders]

Cmd + Control + Space on MacOS

[@a_book_smr]

윈도우 쓰시면 ' 윈도우키 ' + ' . ' 하니까 되네용

[@knyatom2296]

그냥 CSS로 하죠..^^ Thanks for this coding technique..

[@ffffasfasdsafa]

그게 핵심이 아닌거같아요!

[@kimhscom]

jQuery나 alert 띄울 필요없이 그냥 바닐라JS로 modal을 만들 수 있군요

[@ksl5601]

혹시 리액트강의 계획있어여?

[@nomadcoders]

It’s out! nomadcoders.co/courses

[@ShieldFA]

영어랑 코딩을 함께 배울 수 있는 채널!!! 언젠가는 형이랑 프리토킹 할 수 있는 내가 되기를!!!

[@nomadcoders]

화이팅이에요!!

[@chulminlee9626]

에디터 신기하네요. 무슨 에디터인가요? 자동완성이 엄청나네요
What is an Editor? is that Zen coding?

[@동글이-e5y]

vsCode입니다

[@starsilver2721]

VS Code이고 prettier 라는
VS Code extension을 설치한거에요

[@지나가던비둘기-m8s]

형이 최고야

[@nomadcoders]

💖

[@다슬-c5z]

와.... 진짜 멋져요.,,, 유용하게 잘 사용할 거 같습니다!!!! 😆😆👍🏻

[@ntter_official]

i want to make graph with any data

[@nomadcoders]

Will think about it! Thanks!

[@yes-il2qz]

Vanilla JS 로 만들 수 있는 간단한 애니메이션 효과같은게 있을까요?? 영상에서 언급하셨던 트랜지션 효과처럼요ㅎㅎ
항상 영상 잘보고 있어여 쌤

[@realizationtomorow]

초반에 고속 재생이 되버리네요 편집 오류인가.

[@ensil8778]

awesome~!!

[@nomadcoders]

Glad you like it!

[@kyujong93]

감사합니다!

[@nomadcoders]

Thank you for watching!

[@namucho266]

올려주신 코드 링크 누르니 404에러가 뜹니다요!

[@pompopo9958]

저두요

[@신동규-e8g]

인트로 영상 보니까 평소 작업하실때 graphql 정말 많이 쓰시나보네요 ㅋㅋ 저는 아직까진 REST API가 너무 손에 익었고, 학교에서랑 취업할때에는 graphql 이 쓰이지가 않아서 아직 제대로 공부안해봤는데 이번에 uber clone 보면서 배워볼려구욤! 건강하세여!
한번 제대로 써보고 나서 정말 REST API보다 훨씬 나은지 비교해보겠습니다 ㅋㅋ

[@nomadcoders]

I think you will like GraphQL more!! Let me know what you think!

[@신동규-e8g]

@@nomadcoders i took your Nuber clone, i couldn't done all of your course, but! Graphql is tooooooooo easy to learn. I think it is so fortunate that i learned REST API before learning Graphql. If i learned Graphql before REST API, then i would never learn REST API because it is too complex compared with Graphql server. So i recommend to learn REST API first, then learn graphql to every person who wants to be a developer(if he wants to learn gql). I'm always surprised whenever take your every course. Before done of your all courses, i haven't any idea of that stuffs(React, Djang, html, css, javascript, node, ....). And all of those stuffs seem so~~~ hard to learn. But after your course, i realized that all of that stuffs are so fxxking(sorry for bad word..) easy and fun. Always thank you, you really made me like to develop. Someday i will meet you in workshop or something? Whatever, be happy, eat kimchi, take shower. byebye~

[@nomadcoders]

​@@신동규-e8g Thank you for your words!!! Yes, I'll be happy to meet you!! Stay awesome!!! 👏🏻

[@애뭉-c2u]

감사합니다!!

[@뽀롱-o9f]

I want click Image slider !!!🤞🏻

[@nomadcoders]

Oh! Awesome Idea!!!!

[@뽀롱-o9f]

and paging........ ;(

[@학쌤과함께하는코딩강]

test