Responsive CSS Units (%, EM, REM)
Рет қаралды 36,155
Күн бұрын
@ardensol548 Жыл бұрын
영상 잘 봤습니다. 강의 감사합니다 엘리님~
@종달새-0 3 жыл бұрын
엘리님을 알게 되어서 정말 행복합니다.. 최고예요!!!!
@bluestar5899 3 жыл бұрын
쏙쏙 학습이 잘 됩니다^^
@신성준-z5o 3 жыл бұрын
출첵합니다아!! 얼른 자바스크립트 강의 까지 듣고 아카데미 영상으로 넘어갈게요!!ㅎㅎㅎ
@kabukidd3250 3 жыл бұрын
Thank you. Subtitles helped me understand.
@줄줄-l8o 3 жыл бұрын
드림코딩 웹사이트 클론코딩 강의 듣는 중에 와서 보고갑니다! 감사합니다
@loco9939 2 жыл бұрын
반응형 만들 때, 픽셀로 해서 어색해지는것 이번강의로 해결할 수 있겠군요 !! 좋은 강의 감사합니다
@이준수-u1b 3 жыл бұрын
엘리님은 신이야..
@a11chan 3 жыл бұрын
잘 소화하고 있습니다, 감사합니다. ^^
@kjy2518 2 жыл бұрын
너무 좋아요
@김태성-v4h 3 жыл бұрын
감사합니다!!
@dream-coding 3 жыл бұрын
와 많이 보셨네요 :))
@오늘은복숭아 3 жыл бұрын
강의 들을 때는 그런가보다 했는데 막상 개발하다 보니까 헷갈려서 다시 들으러 왔어요! 엘리님 강의 최강🥰
@html9247 2 жыл бұрын
출첵했습니다 ! React를 복습하기 전에 HTML/CSS/JS를 복습 중인데 도움이 정말 많이 됩니다 :)
@구구-m7y 2 жыл бұрын
출석!!! CSS 단위 강의 ! 또렷하게 이해했습니다. 소중한 강의 감사합니다. ^^
@sangchu-01 3 жыл бұрын
맨날 px만 썼었는데... em은 처음이네요! 잘 봤습니다 다음강의도 잘 보겠습니다!!
@hello_jay_world 4 жыл бұрын
와 강의 너무 좋았어요!!
@dream-coding 4 жыл бұрын
좋았다니 감사합니다 ❤️
@브라운B 4 жыл бұрын
출석체크! 싫어요 하나도 없는 갓영상 감사합니다🥰👏 너무 재밌어요 ㅠㅠㅠ!!
@dream-coding 4 жыл бұрын
하하 그래요? 힘들게 만든 영상에 싫어요 누르는 사람들은 뭘 하는 사람들 일까요?ㅋㅋ
@TV-yp9hx 3 жыл бұрын
이거 항상 궁금했는데 이 영상보고 확실히 이해하고 갑니다! 감사합니다 엘리님! 😍👍
@Ejun7 4 жыл бұрын
항상 좋은 영상 감사합니다.
@dream-coding 4 жыл бұрын
올리자 마자 오시는 분들은 다 알람설정이죠~?히히 감사합니다
@Ejun7 4 жыл бұрын
와! 이렇게 댓글 다 달아 주시다니 정말 대단하신 것 같아요. 감사합니다~ 당연히 알람설정 입니다~
@chancepark247 3 жыл бұрын
깔큼합니다! 캄싸합니다!
@구독계-l7q 3 жыл бұрын
그동안 예제에 em이 나와도 뭔지 몰랐는데 드디어 알게됐어요..!!! 감사합니당
@mischief_maker 3 жыл бұрын
정리 너무 잘해주시네요. 감사합니다!
@Ms-rj8px 4 жыл бұрын
헛 요즘 드림코딩에서만 강의 듣고 공부하느라 유튭에 올라온걸 못봤네요 :) 밀린거 정주행하러가요 !!!
@baejiu 4 жыл бұрын
브라우저의 크기조절...?!😍💕 em과 rem을 왜 사용해야되는지 알겠어요! 반응형 단위들을 잘 활용 못했는데 이렇게 설명해주셔서 너무 감사해요!! 엘리님 최고!
@dream-coding 4 жыл бұрын
요정님도 최고 :)
@jismith3855 4 жыл бұрын
Thank you so much!!
@dream-coding 4 жыл бұрын
You're welcome!
@zaely_o 2 жыл бұрын
감사합니다.
@도파민팡팡이 4 жыл бұрын
엘리님 강의로 배워서 mern 프로젝트까지 해보고나니까 기본기들을 잊어서 다시 돌아오게되네요! 좋은영상 감사합니다!!
@hoo_chuchu_0901 4 жыл бұрын
아니 이게 무슨일이야 ... 오늘 브라우저101 오늘 강의 보는 와중에 css 반응형유닛은 유튜브로 알려주신다 하셨거든요~~ 근데! 요 영상이 알람에 떡하니 나와있었네요!!! 그것도 가장 최근에!! (시간을 역추적해보면 제가 딱 101강좌 보고있을때 올리셨네요!!ㅋㅋㅋㅋ 대박) 이런 우연이 다있나!!!
@dream-coding 4 жыл бұрын
와 정말요?? 우리 너무 타이밍 절묘하게 맞아 떨어지는거 아니예요? 😆
@GoodGood-qd5yl 3 жыл бұрын
오늘도 출석입니다! 처음 배우는개념이라 생소하긴 한데 설명을 잘해주셔서 이해가 수월한거 같아요 아직 모르는 용어가 좀 있긴하지만.ㅎ.ㅎㅎ
@jyc1815 4 жыл бұрын
설명 너뮤 쉽게 잘하시는거 같아요!! 앞으로도 유익한 컨텐츠 기대할게요!!!
@hyojinlee1978 4 жыл бұрын
저!! Rem이랑 em이랑 좀 많이 헷갈려서 다른 강의도 찾아 봤는데!! 역시!!! 완젼 깔끔하게 정리해 주시네요!!!
@김팍-e2h 4 жыл бұрын
진짜..군더더기 하나없는 영상입니다.. 하단에 시간이동을 블럭으로 하고, 설명까지 ....역시...최고에요..화이팅!~
@somsomiH 4 жыл бұрын
엘리님 강의는 넘 친절하고 재미있어요~ 강의화면은 아이들이 봐도 딱딱하지 않을듯!
@seungyeonpark939 4 жыл бұрын
엘리님, 항상 좋은 영상 올려주셔서 감사합니다 💖
@dream-coding 4 жыл бұрын
알람설정 + 코멘트 감사해요 🥰
@mingli6482 4 жыл бұрын
정말 유용한 강의 감사합니다.
@user-nq3cs1dc7v 4 жыл бұрын
rem, em 늘 헷갈렸는데 감사합니다~ 다음 영상도 기다릴게요!
@dream-coding 4 жыл бұрын
다음 영상을 보시면 더 정확하게 이해 하실 수 있을거예요 🥳
@genieisgenius 3 жыл бұрын
오늘도 개념정리하고 갑니다!! :) 어렴풋이 알고 있었지만, 신입분들이나 누군가 물어보면 명확하게 대답을 못했던 것들ㅠㅠ 이래서 예제로만 습득하는 건 좋지 않은 것 같아요.. 엘리님이 말하신대로 현타가 오는 순간이 생김..ㅋㅋㅋㅋ
@rest7929 4 жыл бұрын
선좋아요 후감상!!! 크.. 역시!!! 갓엘리..! 마침 궁금해하고 있었는데 딱 올려주셨어요 ㅠㅠ 엉엉
@220-t2b 3 жыл бұрын
출석했어요!!
@조승희-s7f 4 жыл бұрын
개념잡기에 너무 좋습니다. 감사합니다.
@vintz-dev 4 жыл бұрын
완벽한 정리네요..다음 영상도 기대 돼요!!
@MIYEONLEE-b3f 4 жыл бұрын
매번 헷갈리는 부분이었는데 쉽게 설명해주셔서 감사합니다~(머릿속에 꼭꼭 저장해야지)
@danielkim7453 4 жыл бұрын
쉬운 설명 감사합니다.
@Kyoungihyun 4 жыл бұрын
진짜 엘리님 강의 적당히 깊고 필요한 것만 딱 집어서 가르쳐주심....이런 개발자 되고싶다 ㅜ👍🏻
@하카타-m6n 3 жыл бұрын
아!! 이런것때문에 CSS로 작업할때 원하는대로 크기가 안나오는 경우가 생기는거였군요~ 오랜만에 왔는데 역시 정말 유용한 강의 감사합니다
@haveyouseen8081 4 жыл бұрын
항상 궁금하던 거였는데 엘리님 덕분에 개념이 잡히네요~!👍 유용한 영상 만들어주셔서 항상 감사드립니다~😃
@구구콘-o6n 4 жыл бұрын
영상 안에 이미지까지 하나하나 신경써서 만들어주셔서 이해를 더 잘할 수 있는 거 같아요ㅠㅠ 너무너무 감사합니다!!
@ria9149 2 жыл бұрын
현업에서 프론트엔드 개발자로 일하면서 맨날 헷갈려했는데 이렇게 너무나도 설명을 잘해주셔서 정말 감사합니다 ㅠ.ㅠ 정말 도움이 많이 되었습니당!!! rem vs em 강의도 바로 들으러 갈게요!
@44extasy 4 жыл бұрын
놓치고 있었던 부분들 너무 유용하네요~ 감사합니다
@llliam9945 4 жыл бұрын
오늘도 명쾌하고 친절한 강의 감사드립니다! 엘리님 리액트강의는 언제쯤 나오는지 여쭤봐도 될까요?
@dream-coding 4 жыл бұрын
악ㅋㅋㅋ 9월 중순쯤? 조심스럽게 예상해 봅니다 하핫
@kimj1721 4 жыл бұрын
재생바에 메뉴?도 있네요. 엘리님 영상 하나 만드시는데 시간 많이 걸리실거같아요. 좋은 영상 감사합니다.
@dream-coding 4 жыл бұрын
하하 여전히 편집하는데 시간이 꽤 걸려요 😁
@민스스-e9s 4 жыл бұрын
출첵입니다 뿜뿜!😄 맹목적인 사용에 그치지 않도록 전반적인 배경과 차이를 쉽게 알려주셔서 정말 감사합니다~ 역시 엘리 선생님👍👍
@minjeongchoi5409 4 жыл бұрын
우와 완전 도움되는 강의에요 ㅠㅠ 뭐가 이렇게 많지 하면서 그냥 썼었어요. 감사합니다~~! 다음영상 얼른 보구싶어요!!
@JMStageMix 4 жыл бұрын
항상 감사합니다~ 정말 많은 도움이됩니다!
@스눕-o6b 4 жыл бұрын
감사합니다~
@dream-coding 4 жыл бұрын
알람 설정 해주신 구독자님들 ❤️
@스눕-o6b 4 жыл бұрын
em rem 헷갈렸는데 다음영상 너무 기대되네요~ :)
@오잉-r4z 3 жыл бұрын
너무 재밌어요 ㅠㅠㅠㅠ 엘리님 강의가 최고에요 감사합니다❤❤
@sincerist 4 жыл бұрын
출첵~감사히 잘 보고 있습니다~
@j_in_my_heart 4 жыл бұрын
뜨끈한 영상 잘 보고 갑니다~~^~~~^~
@dream-coding 4 жыл бұрын
감사합니다 ^~~~^~
@whoamiwhoru 4 жыл бұрын
진짜 언제나 최고입니다!!
@a-leta 4 жыл бұрын
최곱니다...
@dream-coding 4 жыл бұрын
감사해요 ❤️
@jwchoi3538 3 жыл бұрын
ㅠㅠㅠㅠ도움 많이 받고 있습니다. 감사합니다. 출석체크해요!
@jaejinkim9106 4 жыл бұрын
오 정말 기다렸던 강의였습니다. 항상 이거 때문에 머리아팠는데 감사합니다 앨리쌤!
@hakkouser 4 жыл бұрын
em / rem 찾아봐도 확 와닿지 않아서 그냥 막쓰고 있었는데...늘 감사합니다 하트뿅뿅
@dream-coding 4 жыл бұрын
다음 영상 예제를 통해서 보시면 더 이해가 되실 거예요 ❤️
@dmstjq92 4 жыл бұрын
Rem은 진짜 싸쓰에서 빛을 발하는듯..
@jjm3128 4 жыл бұрын
그냥 반응형으로 써야할 때 em과 rem을 써야한다라고만 두루뭉실하게 알고 있었고 어떻게 동작해서 출력되는 지는 감이 잘 안잡혔는데 이 영상으로 한 방에 정리 되네요!
@시으나 4 жыл бұрын
와우... 너무 좋은 내용 감사합니다. 설명도 좋고 내용도 좋고.. 편집도 점점 업그레이드 되시네요!!
@it6358 4 жыл бұрын
오 em, rem 맨날 헷갈렸었는데 좋은 영상 감사합니다 ㅎㅎ 다음 실전 프로젝트 영상 기대하겠습니다~~
@moonnighttravel9730 4 жыл бұрын
강의가 너무 좋네요 !! 어렴풋이 알고 있던 개념이 정리되는 느낌입니다!!
@yeomkyeokyeo 4 жыл бұрын
엘리님 감사합니다!
@dream-coding 4 жыл бұрын
알람설정 + 코멘트 감사해요 🥰
@professeo 4 жыл бұрын
와 이거 다음영상이ㅠㅠㅠ넘 기다려지는데요 ㅎㅎㅎ 바쁘신데두 이렇게 하나하나 꼼꼼하게 알려주셔서 감사해요 :D 🙌
@유섭-i4z 4 жыл бұрын
엘리님 그동안 html, css, js 공부할 때, 덕분에 재밌고 더 쉽게 공부할 수 있었어요. 지금은 리액트를 공부하고 있는데 기회가 된다면 리액트도 강의 올려주셨으면 좋겠어요! 강의 잘 보고 있습니다. 항상 감사합니다.
@dream-coding 4 жыл бұрын
리액트 지금 조금씩 준비하고 있어요 ❤️
@hyon1403 4 жыл бұрын
저는 2년차 초보 개발자입니다. 두달전 남편 권유로 엘리님 유튜브 알게되어 이제는 매일 엘리님 강의를 듣고있어요.!! 스스로 기초가 많이 부족하다 느끼고있었는데 엘리님 강의 들으며 자신감이 붙고있어요.엘리님 덕분이에요!^^너무너무 감사 드려요!! 저랑 남편은 요즘 ‘’엘리쌤 강의 너무 재밌다 ~또 공부하자~’’이렇고있어요 ㅎㅎ양질의 영상제작 너무 감사드립니다!!
@dream-coding 4 жыл бұрын
어머 부부가 다정하게 제 강의를 들으신다니 개발자 부부이신가요? :) 저희랑 똑같군요 ❤️
@spk9090 4 жыл бұрын
와우~! 최고에욘즈~! 올만에 방뻥 뿡쓰~!
@dream-coding 4 жыл бұрын
알람설정 해주셔서 감사해요 ❤️
@yujinlee7286 4 жыл бұрын
마침 반응형 퍼블들어가야하는데 감사합니다!
@youmeson2494 4 жыл бұрын
em 과 rem에 관해 정말 명료하게 설명해주셔서 절대 잊지 않을 것 같아요! vw와 vh는 예전에 공부하면서 여러 번 봤으나 정확한 뜻을 몰랐는데 엘리 님 덕분에 알게되어서 너무 기뻐요!! 항상 코딩 공부에 활력을 넣어주고 계셔요!! 감사합니다!!
@TEST44403 4 жыл бұрын
음.. 저는 html에 font-size: 62.5%으로 정의하고 rem으로만 사용하고 있습니다. 그러면 1rem === 10px 0.1rem === 1px ... 이러니 계산하기도 쉽더라구요. 또 특별한 경우가 아니라면 px은 거의 잘안쓰게되는것같습니다. % or rem > em 순이 대부분인것 같습니다.
@HJH-q2w 4 жыл бұрын
출첵합니다~!ㅎㅎ em, rem 이 있다는 건 알고 있었는데 굳이 안써도 엘리님 강의 따라 갈 수 있길래 좀 나중에 찾아봐야지~했는데 딱 이 영상이 떴네요! ㅎㅎ 덕분에 잘 정리하고 갑니다! 다음 강의도 너무 기대되요~!~! 어떻게 쓰면 적재적소에 잘 쓸 수 있을지 얼른 배우고 싶네요! 좋은 강의 감사합니다 💕
@_anne755 4 жыл бұрын
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 엘리님 상황극 너무 재밌네요 철수야!! 항상 감사합니다!
@seunghwanjeong5348 4 жыл бұрын
엘리님 이번 동영상 너무 유익한 것 같네요 ㅎ.ㅎ 감사합니다~! 다음 동영상 빨리보고 싶어요 !! 혹시 이후에 가능하다면 html 구조가 복잡할 때 BEM 네이밍 사용하는 방법도 설명해주시면 정말 좋을 것 같아요 :)
@andanteyeo1231 4 жыл бұрын
다음 영상이 기대되요 ! ㅎㅎㅎ 좋은 영상 감사합니다.
@haeunjeong7564 4 жыл бұрын
마침 궁금했던 것인데, 너무 잘 봤습니다. 감사합니다! 그리고 나중에 혹시 기획한 콘텐츠를 다 제작하신 후 시간이 되신다면 리액트 관련해서도 영상 만들어주시면 너무 좋을 것 같아요. 업무 하실 때 리액트를 쓰신다고 했던것 같아서요 :)
@Hyunjong_the_great 4 жыл бұрын
리액트는 지금 하고 있는데 기술적인 면도 신경을 많이 써야 해요ㅠ 특히 state관리 쪽에서는 서버도 알아야 하고, 서버 코드에 문제가 생겨서 잘못 데이터를 넘겨받으면 구동 자체가 안되기도 하더라구요. (오늘 디버깅한 부분입니다..) 또한 최적화 쪽도 신경 써야 할 뿐더러, progressive bar 쓸라면 엘리언니 강의 중 async/await 부분을 200%, 300% 이해하셔야 해요. 이건 강의만 듣는다고 해결되는게 아니라 엄청 많이 짜봐야 와닿구요..... 걍 취준생의 푸념일 수도 있지만, 다른 개발자 유튜버님 영상 보니 리액트로 플젝 하려면 왜 리액트를 쓸건지에 대한 답이 있어야 한다, (개발자 고용주의 입장이든, 본인이 플젝을 하든) 왜냐하면 거기에 대한 대답을 하지 못하면 개발자 입장에서 생산성이 오히려 떨어지고, 고용자 입장에서는 쓸데없이 비싼 개발자를 써야할 수 있어서니깐요.. 그래서 리액트 강의 보면 대부분 기술적인 면에 포커스를 두다 보니 숲을 안보고 지나치게 나무로만 가거나 하는 경우가 많더라구요.
@dream-coding 4 жыл бұрын
리액트 조금씩 준비 하고 있어요 :)
@화이팅-l9l 4 жыл бұрын
복습! 감사합니다
@전형준-h9d 4 жыл бұрын
이번 강의를 통해서 각각의 CSS Unit의 차이점에 대해 명확하게 이해할 수 있게 되었네요 항상 좋은 강의 감사드립니다!
@누구인가누가기침소리 4 жыл бұрын
감사합니다
@dream-coding 4 жыл бұрын
알람 설정 해주신 구독자님들 ❤️
@한글만화 4 жыл бұрын
안그래도 검색하고있었는데 감사합니다 ㅎㅎㅎ
@누구인가누가기침소리 4 жыл бұрын
앨리님 반응형 레이아웃 따라해보면서 실습 할 수 있는 강의가 있는지요 코로나 조심하세요 서울에 확진자 증가하고 있네요
@dream-coding 4 жыл бұрын
유튜브에 올라온 유브크 클론 코딩, 반응형 넵바, 그리고 아카데미에 있는 포트폴리오 강의가 있어요 :) 이거랑 연관된 프로젝트는 다음 영상에서 올라옵니다❤️
@TONYBOTTLE 4 жыл бұрын
이런 돈받고 해주셔야할 강의를 무료로 해주셔서 고맙습니다 ㅠㅠ 구독 조아요 꾹 누르고 가용 ㅠㅠ
@TheAc3112 4 жыл бұрын
완전 궁금하던 거였는데ㅠㅠ 감사합니다
@ri3ri3 4 жыл бұрын
엘리님! ㅠㅠ 영상 기다렸어요 감사합니다! 프론트 엔드 개발자가 되기 위한 더 구체적 과정? 이나(혹은 배워야할 순서ㅠㅠ) 이력서에 추가할 여러가지 프로젝트를 영상으로 함께 배울 수 있었으면 좋겠어요 ㅠㅠ
@dream-coding 4 жыл бұрын
드림코딩 채널에 있는 포트폴리오 영상 두편 꼭 보세요 :) 포트폴리오로 프로젝트 만들기? 관련 영상이요
@ri3ri3 4 жыл бұрын
드림코딩 by 엘리 ㅎㅎ 엘리님 영상 다봤어요 ㅎㅎ 다른 프로젝트들도 함께하고 싶어서요!💕
@hiSunho 4 жыл бұрын
와 ㅠㅠㅠㅠ 이거 진짜 필요했던건데 짱이에요 진짜 제 과외 선생님 같음
@깨꾸리-n9d 4 жыл бұрын
아악 딱 원하던 영상이였는데 감사합니다ㅎㅎ혹시 예고해주셨던 em과 rem을 어떨때 써야하는지 알려주시는 영상은 언제쯤 볼수있을까요?? 궁금해서 넘 기다리기 힘드네요ㅜㅜㅜㅜㅜㅜㅜㅜ
@dream-coding 4 жыл бұрын
제가 요즘 리액트 강의 만든다고 정신이 없어서 (사실 영상 편집툴만 보면 이젠 토할 것 같아욬ㅋㅋㅋㅋㅋ) 곧 올려 드릴께요 :)
@Hoya-l8r 4 жыл бұрын
출첵합니다!
@dmstjq92 4 жыл бұрын
리얼.. 역시 미국물 마신분은 다르네요.. 한국에서 rem 썼다가 개욕처먹었는데..ㅋㅋ
@braco1196 4 жыл бұрын
감사합니다... 이미지 스프라이트 기법도 부탁드려용~~~
@boganjung 4 жыл бұрын
수많은 em/rem 관련 영상 중 군더더기 없는 실무용 끝판
@ahing91 4 жыл бұрын
기술블로그보다 이해가 잘돼요.... 정말 감사합니닷 ㅠㅠㅠㅠ
@박정현-n1s8l 4 жыл бұрын
감사합니다.^^
@랄룰라룰룰 2 жыл бұрын
설명이 귀에 쏙쏙 들어와용
@그게-r7l 4 жыл бұрын
html css javascript 다 기본은 공부했지만 자신이 없어서 취업도전 할 수 있을까 걱정이 너무 많은데 css를 조금 더 단단히 하게 해줄 영상이네요 항상 감사합니다
@dream-coding 4 жыл бұрын
다음 영상은 예제를 통해서 다루니깐 기대해 주셔도 좋아요 ❤️
@구르미-e6q 4 жыл бұрын
와 수업내용도 너무좋은데 목소리 너무 좋으세요ㅠㅠㅠ
@YounghoHan 4 жыл бұрын
질문이 있어요!! 전체 폰트를 기준으로 rem을 사용하는데 그러면 보통 body에 font-size를 주고 시작하시나요??
@dream-coding 4 жыл бұрын
네 따로 주지 않아도 기본 default 값이 있기 때문에 괜찮아요