미디어 쿼리 기초부터 실전까지 한번에 훑어드림 | 이 영상은 전설이 됩니다.

  Рет қаралды 7,731

코딩알려주는누나

코딩알려주는누나

Күн бұрын

이 영상을 보시면 프로젝트에 바로 미디어 쿼리 적용 가능합니다!
🚀실전 프로젝트 코드 : github.com/leg...
00:00 인트로
01:22 미디어 쿼리 기초 시작
02:20 핸드폰 사이즈
04:01 태블릿 사이즈
05:27 데스크탑 사이즈
07:09 화면 비율에 따른 미디어 쿼리
09:52 프린트 화면
12:03 미디어 쿼리 실전편
16:14 태블릿 사이즈 화면 만들기
26:37 핸드폰 사이즈 화면 만들기
코딩알려주는 누나 강의 듣는곳
codingnoona.th...
뇌를 살찌우러 올래?
누나 인스타 뭐야? 1008_shine

Пікірлер: 22
@user-yu8so2ck1z
@user-yu8so2ck1z 6 ай бұрын
이 영상을 보시면 프로젝트에 바로 미디어 쿼리 적용 가능합니다! 🚀실전 프로젝트 코드 : github.com/legobitna/media-qu... 00:00 인트로 01:22 미디어 쿼리 기초 시작 02:20 핸드폰 사이즈 04:01 태블릿 사이즈 05:27 데스크탑 사이즈 07:09 화면 비율에 따른 미디어 쿼리 09:52 프린트 화면 12:03 미디어 쿼리 실전편 16:14 태블릿 사이즈 화면 만들기 26:37 핸드폰 사이즈 화면 만들기 코딩알려주는 누나 강의 듣는곳 codingnoona.thinkific.com/ 뇌를 살찌우러 올래?
@helloss0m
@helloss0m 11 күн бұрын
너무 고맙습ㄴ디ㅏ 진짜 ㅜㅜㅜㅜ
@user-yu8so2ck1z
@user-yu8so2ck1z 11 күн бұрын
힣🥰
@KienNguyen-ku1jt
@KienNguyen-ku1jt 6 ай бұрын
정말 놀라운 영상인데 매일 이걸 기대하고 있었어요
@user-gc4tv5df7o
@user-gc4tv5df7o 5 ай бұрын
너무 감사합니다
@Luppy_H
@Luppy_H 6 ай бұрын
아니 이런 보물같은 채널이 있었군요~~ 현재 국비로 개발자 공부 시작한지 딱 1개월차 입니다. 나이는 4월이면 만 39세가 되구요😅😅 10년 가까이 다니던 직장을 갑작스레 퇴직하면서 몇개월을 고민하다 용기를 가지고 시작하게 되었습니다. 채널을 우연히 알게되어 영상 정주행 중입니다~~ 너무 알기쉽게 잘 설명해주셔서 홀린듯이 보고 있어요ㅎㅎ 보다보니 어쩔수 없이 가졌던 불안감이 조금은 해소되네요ㅎ 앞으로도 좋은 영상 기대할게요~~ 새해 복 많이 받으세요^^
@bulletprooves
@bulletprooves 6 ай бұрын
불안해 할 필요없으셔요. 10년씩이나 한 직종에서 꾸준히 근무하셨으니 무엇이든 차근차근하다보면 금방 일취월장 하실 거에요. 응원해요! 화이팅~!
@Luppy_H
@Luppy_H 6 ай бұрын
​@@bulletprooves격려 너무너무 감사합니다😊 갑자기 공부란걸 하려니 막막했는데 다행히 하다보니 점점 더 흥미가 생기네요ㅎㅎ 열심히 하겠습니다~~^^
@sunnya._.
@sunnya._. 5 ай бұрын
저랑 같은 케이스네요 ^^ 우리같이 힘내봐요!!
@user-bz8ts5bb1i
@user-bz8ts5bb1i 4 ай бұрын
진짜 코딩강의중에 코알누가 체고....♥
@user-yu8so2ck1z
@user-yu8so2ck1z 4 ай бұрын
꺄아아ㅏ 고마워요!
@vbn0213
@vbn0213 6 ай бұрын
감사합니다 ㅠㅠ
@user-hk8yg3ri1u
@user-hk8yg3ri1u 5 ай бұрын
하나라도 더 배우려고 선생님 따라 다리 떨면서 보고 있습니다..
@user-uu7tu4nd3m
@user-uu7tu4nd3m 4 ай бұрын
질문이 있는데 정렬을 세로로 바꿀 때 display: flex, flex-direction: column으로 하는게 좋지않나요? display: block을 선호하시는 이유가 뭔지 궁금합니다.
@buzz_rabbit
@buzz_rabbit 6 ай бұрын
선생님 질문이 있어요. 핸드폰이나 태블릿만 해도 정말 사이즈 다양한데 실무에서는 데스크탑, 태블릿, 핸드폰을 각각 하나의 브레이크포인트로 하나요? 아니면 단말기 종류별로 다 세분화 해놓나요? 해상도가 높은 핸드폰과 해상도가 낮은 핸드폰이 있는데 낮은 것으로 기준을 잡으면 큰 핸드폰은 태블릿처럼 되어버리고 높은 것으로 기준을 잡으면 해상도가 낮은 핸드폰에서는 레이아웃이 애매하게 되어 버리더라구요.. 제일 자연스럽게 하는겐 단말기를 최대한 세분화해서 지정하는것 같은데 이거 너무 작업량이 많아져버리네요.. 실무에서는 어떻게 하시는지 조언해주세요 ㅜㅜ
@hyeokie2325
@hyeokie2325 6 ай бұрын
공부를 해야하는데... 셀레네요...
@JAY_LAURENCE
@JAY_LAURENCE 6 ай бұрын
생각해 보니까. 굳이 모바일 사이즈, 데탑 사이즈로 사이즈 분기를 할 필요 없이 landscape랑 portrailt만 해도 실무에서 문제 생길것 같지는 않는데요? 제 생각이 맞을까요?
@AlwaysWeb
@AlwaysWeb 6 ай бұрын
아니요. 사이즈(기기)를 알아야 합니다
@factorypark
@factorypark 6 ай бұрын
교수님 키보드 뭐쓰새요 ?😢 교수님하고 같은키보드를 써야 공부가될거같아요 갈차주세요
@user-tz2dq5mo1q
@user-tz2dq5mo1q 6 ай бұрын
모바일 전용 애플리케이션 개발을 꿈꾸고 있는데 유튜버님 강좌에도 앱개발 내용이 포함돼있나요 비전공자입니다
@Pingpong66667
@Pingpong66667 6 ай бұрын
자바스크립트 스터디 ㅠㅠ 조금만 일찍 볼걸 너무 아쉽네요 ㅠㅠㅠㅠㅠ
@nxyl2015
@nxyl2015 6 ай бұрын
눈이 참 이뻐
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10
ПОМОГЛА НАЗЫВАЕТСЯ😂
00:20
Chapitosiki
Рет қаралды 27 МЛН
Алексей Щербаков разнес ВДВшников
00:47
잘생긴 유승호랑 한 차로 가🚘 |EP.23
18:10
VIVO TV - 비보티비
Рет қаралды 423 М.
채팅앱 만들기 | 웹소켓이란 뭘까?| 풀스택으로 만들어보자
34:52
코딩알려주는누나
Рет қаралды 46 М.
진짜 ChatGpt 혼자 프로그램 개발 가능한지 해봄
11:44
딩코딩코
Рет қаралды 136 М.
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10