02. 반응형 사이트 만들기(2019) - 미디어 쿼리

Поделиться
HTML-код
  • Опубликовано: 11 ноя 2024
  • 반응형 사이트 만들기(2019) 버전입니다.
    소스를 보고 동영상을 보면서 따라하는 튜토리얼입니다.
    질문이나 이상한 점은 댓글로 부탁드립니다.
    도움이 되셨다면 구독과 좋아요 부탁드립니다.^^
    소스 참고 사이트
    wtss.tistory.c...
    완성 화면
    webstoryboy.gi...
    소스 다운로드
    github.com/web...
    공부하는 순서!
    01. 웹표준 사이트 만들기(2019)
    github.com/web...
    02. 반응형 사이트 만들기(2019)
    github.com/web...

Комментарии • 37

  • @ironship
    @ironship 3 года назад

    혼자서 포트폴리오에 사용할 반응형 웹사이트를 만들어 보려고 하는데 이 강의 참고해도 괜찮을까요? 2년전 영상이라서 괜찮을지 모르겠네요 ㅠ

  • @kxun_ii
    @kxun_ii 3 года назад

    국비 수업 다음주면 수료완료하는데요 ㅜㅜ 사이트 html css 할 수 있지만 반응형은 안해보기도 하고 제대로된 레리아웃 규격이라고 할까요..? 그걸 제대로 몰라서 만들어놓은 사이트를 모바일로 봤을 때 원하는대로 되지 않았더라구요 ㅜㅜ 대공사를 해야하는데 어떻게 할줄 모르니 걱정이었는데.. 이런 영상.. 다른 수업들보다 훨 좋은것 같아요 ㅠㅠ!! 감사합니다!!!! 오늘 다 들을거에요 ㅎ흐흐

    • @webstoryboy
      @webstoryboy  3 года назад

      포폴작업이 힘드시면 스터디 한번 와보세요^^

  • @송재호-y9b
    @송재호-y9b 3 года назад

    저도 min-width 랑 max-width 같이 쓰는걸로 배워가지고 참 복잡하다싶었는데 정말 쌤은.. 참 너무 고마운분 항상 적게 일하시고 돈많이버세요! 이런걸 무료로 들을 수 있다는게 얼마나 행운인지 ㅠㅠ♥ 어디 계시는지 몰라서 동서남북으로 절했습니다. 매일매일 꾸준히 들어서 이것도 완강하고 메가박스랑 페럴렉스도 꼭 완강할게요 감사합니다!

  • @leedo57
    @leedo57 5 лет назад

    갈수록 재밌어요 감사합니다.

    • @webstoryboy
      @webstoryboy  5 лет назад

      재밌다고 느끼면 다행이네요^^

  • @pks980521
    @pks980521 4 года назад +1

    학원에서 배운는데도 이해가 안갔는데 영상보고 이제 이해가 됩니다😊 영상 올려주셔서 감사합니다💖

  • @김지범-f4h
    @김지범-f4h 3 года назад

    저는 웹디기 담주 셤인데요 계속 그것만 복습하니까 꿈에서도 나올만큼 지겨워서요 반응형 시작합니당 ㅎㅎ 웹디기 붙으면 꼭 댓글달께오 쓰엥님 그리거 정처기도 공주하고잇어용! 내인생 파이팅!

  • @thaipat2089
    @thaipat2089 4 года назад

    강아지 밥주시나보네요 ㅎㅎ

  • @심강민-i4g
    @심강민-i4g 4 года назад

    codepool.dothome.co.kr/responsive/layout2.html
    똑같이 만들었는데 저는 변하긴 하는데 설정해놓은 크기에 변하는게 아니라 다를 때 변하는데 뭔가 잘못된건가요??
    혹시나해서 선생님이 만들어놓으신 소스 그대로 복사해서 해봤는데 제가 따라한 것과 똑같은 반응이더라구요ㅠㅠ궁금합니다..

    • @허재완-f4i
      @허재완-f4i 4 года назад

      화면 비율이 100%가 아니어서 그런게 아닐까요?

  • @korealove477
    @korealove477 4 года назад

    오늘도 감사합니다:)

  • @속담여행꾸러기
    @속담여행꾸러기 5 лет назад

    아침부터 잘 들었습니다. 감사합니다.

  • @손티브
    @손티브 4 года назад

    @media all and (min-width:~~) and (max-width:~~){} 이렇게쓰다가 생략하고쓰니 참 편하네요~

  • @yrn2229
    @yrn2229 5 лет назад

    예제가 기발하네요 굳뜨!!!

  • @coffee_ming
    @coffee_ming 4 года назад

    강의 정말 잘봤습니다 :D

  • @심바니
    @심바니 4 года назад

    분명이 @media (max-width :1280px){
    body{background: #880e4f;}
    } 이렇게 정확히 썼는데 자꾸 화면이 0~1408px에서 배경색이 바뀌네요 ㅜㅠ 뭐가 문제일까요 ㅜㅠ

    • @심바니
      @심바니 4 года назад

      아 화면이 100%가 아니었네여 ;;ㅎㅎㅎㅎㅎㅎ

  • @oreuri
    @oreuri 4 года назад

    미디어 쿼리 완료~~!!

  • @Jerry-e7p
    @Jerry-e7p 4 года назад

    영상 정말 감사합니다~

  • @목결림여자
    @목결림여자 4 года назад

    반응형 시작이용~~~!!!

  • @콤파스-z9p
    @콤파스-z9p 5 лет назад

    2강 시작했습니다. 좋아요 눌렀어요. 헤헤

  • @doyek1734
    @doyek1734 5 лет назад

    열공할게여 잘 봤습니다~~^^

  • @alicekim4016
    @alicekim4016 4 года назад

    배경화면 사진도 이렇게 바꿀수 있나요? url 소스 써서 넣어보는데 바뀌질 않네요..

  • @김기린-y3y
    @김기린-y3y 5 лет назад

    min을 안쓰는 방법이라니 또 하나 배워갑니다 !

  • @jiseonghong3237
    @jiseonghong3237 5 лет назад

    잘들었습니다~!

  • @베베-o2t
    @베베-o2t 4 года назад

    완료!

  • @초코다스
    @초코다스 5 лет назад

    잘배우고있어요!

  • @lightsalt5604
    @lightsalt5604 4 года назад

    재밌당

  • @냐냐-g4v
    @냐냐-g4v 5 лет назад

    완료했습니다.

  • @리게무어야
    @리게무어야 5 лет назад

    반응형 2강 시작했습니다!

  • @handle1136
    @handle1136 5 лет назад

    감사합니다 ^^

  • @Yeorum0815
    @Yeorum0815 4 года назад

    2강 클리어!!!

  • @니얼굴-j2v
    @니얼굴-j2v 5 лет назад

    반응형 시작했습니다 ㅎㅅㅎ

  • @chaeyuzin
    @chaeyuzin 4 года назад +1

    미디어 쿼리 쉬우면서 어렵네용 ㅋㅋㅋ

  • @아르미-r4w
    @아르미-r4w 4 года назад

    완료!

  • @김시윤-r6x
    @김시윤-r6x 5 лет назад

    감사합니다:)