CSS 레이아웃 - 처음부터 반응형 웹까지 핵심만 간단히 정리해 봅시다.

Поділитися
Вставка
  • Опубліковано 10 лис 2024
  • display 속성의 개념 설명부터 - 모바일용 1단 컬럼 레이아웃 - 2단 컬럼 레이아웃으로 확장 - 반응형 웹에 대해 핵심만 빠르게 정리해 드립니다.
    👇아래 링크에서 1분코딩의 재미있는 온라인 강좌들을 확인해 보세요😄
    studiomeal.com...
    #CSS #CSS레이아웃 #코딩

КОМЕНТАРІ • 141

  • @studiomeal
    @studiomeal  4 роки тому +16

    2020년 2월, CSS 레이아웃의 새로운 표준 Flex와 Grid를 마스터하고 실무에서 활용할 수 있는 새 강좌를 출시했습니다.
    이거 하나로 끝내세요!😁
    ​www.inflearn.com/course/css-flex-grid-제대로-익히기

  • @davidyi8786
    @davidyi8786 Місяць тому +1

    쉽게 설명하시는 좋은 강의를 잘 들었습니다. 감사합니다.

  • @KOREAyoungwoo
    @KOREAyoungwoo 4 роки тому +10

    1분 코딩이래서 눌렀는데 40분이네요.. ㄷㄷ

  • @SuccessShelf0103
    @SuccessShelf0103 5 років тому +12

    정말....제 돈내고 구매한 온라인강좌보다 최곱니다... 정말 감사합니당 !!!

    • @studiomeal
      @studiomeal  5 років тому

      좋은 말씀 감사합니다^^

  • @milkteablack1332
    @milkteablack1332 5 років тому +7

    쉽고 빠르게 핵심을 알 수 있어서 너무 좋네요 ㅠㅠ 감사합니다~!
    내가볼려고 만든 책갈피
    9:00
    20:20 inline-block 2단column
    24:10 float 2단column
    33:50 반응형 웹, 미디어쿼리

  • @Blue-js2lj
    @Blue-js2lj 2 роки тому

    html css가 한달넘게 이해가 안됬는데 이해가 되기 시작했습니다.
    영상 감사합니다

  • @overthinker-tk1zn
    @overthinker-tk1zn 2 роки тому

    목소리가 너무 좋네요 시간이 지나도 명강의!

  • @studiomeal
    @studiomeal  6 років тому +14

    CSS 레이아웃의 미래, Flexbox와 Grid를 정리해보는 영상도 업로드했습니다! :)
    ua-cam.com/video/eprXmC_j9A4/v-deo.html

  • @studiomeal
    @studiomeal  5 років тому +3

    1분코딩의 인터랙티브 웹 마스터 온라인강의 로드맵😁
    www.inflearn.com/roadmaps/103

  • @shp05161
    @shp05161 4 роки тому +1

    강의력이랑 대비되는 그림 인간미있어여 쌤 ㅋㅋ

  • @김윤총
    @김윤총 3 роки тому

    Cnn 클론코딩하다가 css기초가 부족한게 많이 느껴져서 기초복습하려고 왔는데 많이 배우고 갑니다!!
    별생각없이 사용했던
    border-box부터 float, 가상요소 추가로 after사용 meta viewport로 스마트폰 전용 최적화까지!
    감사합니다

  • @user-yk9ps5yv1d
    @user-yk9ps5yv1d 5 років тому +2

    초심자에게 최고의 강의입니다 감사합니다

    • @studiomeal
      @studiomeal  5 років тому

      도움이 되었다니 다행이네요! ^^

  • @kjkj4024
    @kjkj4024 3 роки тому

    영상 정주행 시작합니다!좋은 강의 영상 감사합니다.

  • @jy5710
    @jy5710 6 років тому +1

    display에 대해서 헷갈렸는데 정리가 된 느낌이에요 이 강의가 왜 이제 보였는지 ㅠㅠㅠ..감사합니다 다른것도 챙겨봐야겠네요

    • @studiomeal
      @studiomeal  6 років тому

      도움이 되셨다니 다행입니다!
      채널에 있는 flexbox 관련 정리 영상이랑 최근에 진행한 flexbox 웹게임 영상 보시면 레이아웃 공부 더 하실 수 있어요 :)

  • @매일성공-z9j
    @매일성공-z9j 4 роки тому +2

    대충 알던것이 많이 해소되는 영상이었습니다 감사합니다

  • @사랑사랑-v9v
    @사랑사랑-v9v 6 років тому

    기초지식없이 드림위버cc로 시작했습니다. 올려주신 강의 나한테는 어렵지만 이해가 되는부분도 있네요. 감사합니다.

    • @studiomeal
      @studiomeal  6 років тому

      꾸준히 하시다보면 익숙해지실거에요~

  • @hookstory
    @hookstory 6 років тому +14

    내가 이 강의를 왜 이제서야 발견했는지 화가나기 시작했습니다. 보물섬을 다 늦게 발견하다니. ㅠㅠ

    • @studiomeal
      @studiomeal  6 років тому +1

      어므나- 이런 찬사를 보내주시다니... 고맙습니다~~~ 요즘 바빠서 영상을 잘 못올리고 있는데 짬짬이 해보도록 하겠습니다^^;

  • @나는도깨비
    @나는도깨비 5 років тому

    설명이 너무나 명료해서, 마치 제가 스폰지가 된 것 같읍니다...... 최고네요 정말

    • @studiomeal
      @studiomeal  5 років тому

      와 감동적인 댓글 고맙습니다😁

  • @ongionga
    @ongionga 7 років тому

    페북에서 우연히 알게돼 팬이 됐어요. 유튜브에 채널까지 만들어주시니 앞으로 큰 기대가 됩니다. 잘보고 듣겠습니다. 좋은 강좌 많이 올려주세요 ^^

    • @studiomeal
      @studiomeal  7 років тому

      이호탁 응원 감사드립니다!! 도움될만한 내용들로 만들어 보겠습니다 :)

  • @hooo254
    @hooo254 3 роки тому

    필요한 부분만 딱 들을 수 있어서 너무 좋습니다 감사합니다.

  • @asdfasdf-ue2pj
    @asdfasdf-ue2pj 4 роки тому

    지금까지 본것중에 제일 알기쉽고 간결하네요 이거 보고 믿고 강의 구매하러 갑니다

  • @주영-m6q
    @주영-m6q 6 років тому

    그동안 알고 싶었던것만 쏙쏙 골라서 알려주셨어요!!! 강의내용 최고네요~^^ 속이 뻥 뚫리네요~~ㅎㅎ 감사합니다~~~^^

    • @studiomeal
      @studiomeal  6 років тому

      주영 김 힘나는 댓글 감사합니다~~!! :)

  • @badasigan
    @badasigan 6 років тому

    아...레이아웃관련 강좌중에서 최고로 쉽고 핵심만 해주셔서 너무 감사드립니다. 진짜 레이아웃때문에 항상 머리아프고 스트레스 받았었는데 ㅠㅠ

    • @studiomeal
      @studiomeal  6 років тому

      DALHWAN KIM 좋게 봐주셔서 고맙습니다~~ :) 이제 스트레스 좀 덜 받으시면 좋겠네요^^;

    • @badasigan
      @badasigan 6 років тому

      염치없는 글이지만 간단한 반응형 홈페이지 제작하는 강의도 있었으면 좋겠네요 ㅠㅠ

  • @jonghaebyun2387
    @jonghaebyun2387 5 років тому

    저 같은 초보자가 듣기에 좋은 강의네요
    감사히 잘 듣고 보고 갑니다 ^^

  • @devtoro5601
    @devtoro5601 5 років тому

    와... 책읽으면서 clear-fix 읽다가 감이 안 잡혔는데, 이걸 보니 알겠네요. 감사합니다!

    • @studiomeal
      @studiomeal  5 років тому

      감 잡으셨다니 다행입니다^^

  • @seongjugim7418
    @seongjugim7418 6 років тому

    이제사 정리가 되는군요... 이채널 저채널 다 들어봐도 이해에 도움이 안되었었는데요..
    넘 감사합니다.

    • @studiomeal
      @studiomeal  6 років тому

      제 영상이 도움이 되었다니 기쁩니다~~
      공부 화이팅 하시고요😁

  • @bbbbambi
    @bbbbambi 6 років тому

    오오 대박 알기쉽게 정리해주시는 센스 짱이에요👏👏👏👏👏

    • @studiomeal
      @studiomeal  6 років тому

      y hy 감사합니다~~~😁

  • @브루노-d8j
    @브루노-d8j 3 роки тому

    쉽고 잘 알아듣게 설명해주셔서 감사해요~!!

  • @Angluar
    @Angluar 5 років тому

    강좌 내용중에 버릴게 하나도 없네 개꿀

  • @echel4417
    @echel4417 4 роки тому

    좋아요를 안누를수가 없네 짱이에용 !!!

  • @techlitkr
    @techlitkr 4 роки тому

    와우 초심자도 이거 하나 보면 파악 다 되겠네요. 좋은 영상 감사합니다.

  • @환이-f6w
    @환이-f6w 4 роки тому +1

    근데 그와중에 잔잔한 음악 너무좋습니다 ㅋㅋㅋㅋ

    • @studiomeal
      @studiomeal  4 роки тому

      ㅋㅋㅋ 이거 첫 영상이라 말을 뭔가 너무 빨리해서.. 음악이 좀 잡아주는 것 같아요 ㅋㅋ

  • @i451004
    @i451004 3 роки тому

    와........... 정말 이해가 쏙 가게 설명해주시네요 정말 감사드립니다!!!!!!!

  • @코놀
    @코놀 5 років тому

    이해가 정말 잘됩니다.. 최고의 강의네요 ㅎㅎ

  • @l5757
    @l5757 6 років тому

    구독 눌렀습니다. 앞으로도 좋은 영상 많이 부탁드립니다 ㅠㅠ 개념을 익히는데 도움 되었씁니다

    • @studiomeal
      @studiomeal  6 років тому

      I You 고맙습니다! :)

  • @miyoungjung1969
    @miyoungjung1969 4 роки тому +1

    사랑합니다.

  • @henu7717
    @henu7717 6 років тому

    CSS Reset 유용하게 잘보았습니다.
    감사합니다!

  • @sawolMemories
    @sawolMemories 5 років тому +3

    성생님, 징짜 감사해요 좋은 강의인거 같아요. 근데 마지막에, 브라우저에 모바일 사이즈 나오는 저 어플리케이션은 뭔가여??

    • @studiomeal
      @studiomeal  5 років тому

      그냥 크롬 개발자도구에요~ 영상 38:20 지점 보시면 제가 설명하는게 나와요 ^^ 개발자도구는 Ctrl + Shift + i 로 여시면 됩니다(맥은 command + option + i)

    • @sooyeon_surf7312
      @sooyeon_surf7312 4 роки тому

      혹시 창은 뜨는데 휴대폰이미지가안떠서 그거를 보이게하고싶으시면 설정에서 show device frame 클릭하심됩니다ㅎ

  • @ss-uv7mk
    @ss-uv7mk 5 років тому +1

    정말... 교수 강의보다 훨씬 이해가 잘되네요 ㅋㅋㅋㅋㅋㅋ 감사합니다

    • @studiomeal
      @studiomeal  5 років тому

      아이고 고맙습니다 ㅎㅎㅎ

  • @iamyeomyeom
    @iamyeomyeom 6 років тому

    너무 알아듣기 쉽게 설명하셔서 제대로 흡수해서 지금 당장 다른 동영상들도 보러 갈거예요! 깨알 정보들이 너무 도움되였고! 특히 입문자들이 범할수있는 실수거나 그런 미숙지 못한 부분마저 하나하나 짚고 넘어가시니 제대로 흡수할수밖에 없을거같네용! 앞으로도 많은 업로드 기대할게용! 그외에 어떻게 실질적인 공능까지 추가할수있는지들도 알고싶어요! 예를 들면 우리가 웹사이트에서 메세지창을 만들었는데 어떻게 공능을 씌우면 우리가 그 메세지를 제대로 받을수 있는지, 그리고 ! 어떻게하면 내가 만든 웹사이트를 진짜 내가 원하는 사이트에 업로드할수있는지요!~ 히힛 고마워용~

    • @studiomeal
      @studiomeal  6 років тому

      말씀하신 부분들은 실제 웹사이트 개발에 관련된 내용들이라 '웹 개발' 자체에 대해 차근차근 공부해 나가시면 알게 되실거에요~ 웹사이트를 업로드 하는건 카페24같은 호스팅 서비스를 이용하시면 됩니다. 유익하게 봐주셔서 감사해요!! :)

  • @Kkuli_i
    @Kkuli_i 3 роки тому

    BGM 코딩영상이랑 찰떡임 ㅋㅋㅋㅋ

  • @hjoo0709
    @hjoo0709 7 років тому

    와 도움이 많이 됩니다!!
    앞으로 유투브 채널이 기대되네요~

    • @studiomeal
      @studiomeal  7 років тому +1

      이형주 와- 인프런이 짱입니다! 감사합니다! ㅎㅎㅎ

    • @hjoo0709
      @hjoo0709 7 років тому

      ㅋㅋㅋ 그러고 보니 준모님은 잘생기셔서 얼굴을 보여주면서 강의하셔야 되는데..ㅋㅋㅋ

    • @studiomeal
      @studiomeal  7 років тому

      이형주 누가 보면 진짠줄 알겠어요 ㅋㅋ

  • @zahllewis1918
    @zahllewis1918 3 роки тому

    1타강사 일분이!

  • @vgtqaz1630
    @vgtqaz1630 5 років тому

    도움 많이 받아갑니다. 감사합니다.^^

  • @yuu-mw4ez
    @yuu-mw4ez 4 роки тому

    최곱니다

  • @haoldcastle
    @haoldcastle 6 років тому

    와 감사합니다. 정말 많은 도움이 되었습니다. 지금까지 저는 웹디자이너 분이 만들어주신 CSS파일을 그냥 적당히 수정하는 작업만 해왔는데 처음부터 레이아웃을 만들려 하다보니 결코 쉬운 언어가 아닌거 같습니다.. 그래서 한번 제대로 배워보고 싶습니다. 1분코딩님이 올려주신 동영상들에서 정말 CSS로 정말 많은 역할을 할 수 있단걸 알게되어서요.
    다름이 아니라 혹시 책을 추천해주실 수 있을까요?? 1분코딩님이 찍고 계신 CSS 시크릿 바로 직전에. 볼만한 책이였으면 좋겠어요.
    제 CSS실력은 입문~초급사이 수준이라고 생각합니다. 다시한번 좋은 동영상 올려주셔서 감사합니다.

    • @studiomeal
      @studiomeal  6 років тому

      도움이 되었다니 기쁩니다! :)
      사실 요즘 나온 기초책들을 제가 보질 못해서 딱 이 책이다- 추천을 못드리겠습니다^^;
      제가 봤던 책들은 분명 좋지만 지금 보시기엔 너무 예전 책이라.. 검색해보시면 나오는 여러분들이 추천해주시는 책들 중에 서점에서 한번 쭉 훑어보시고 하루님께 맞는 책을 고르시면 되지 않을까 합니다.
      댓글 감사드려요!

  • @zzoppa
    @zzoppa 6 років тому +2

    감사합니다 혹시 에디터 어떤걸로한건가요?
    요즘 학원에서 배우고있는데 후루루루룩지나가서 멘붕이였는데 이영상 하나로 정리가 싹되네요 넘감사해요

    • @studiomeal
      @studiomeal  6 років тому +1

      Sublime Text입니다~ 보통 간단한 에디터로는 이거 아니면 Brackets, Atom 많이들 쓰세요.
      영상 좋게 봐주셔서 고맙습니다 :)

  • @sooyeon_surf7312
    @sooyeon_surf7312 4 роки тому

    강의감사합니다!!

  • @이여름-i2e
    @이여름-i2e 6 років тому

    넘 좋은 영상이었어용 감사해요 : )

    • @studiomeal
      @studiomeal  6 років тому

      영상 보아주셔서 감사합니다 :D

  • @sjpark965
    @sjpark965 3 роки тому

    안녕하세요 강의가 오래됐지만 궁금한게있어서 질문드립니다!
    반응형웹을 만들때 width 퍼센트 , float left 두가지로 만드는걸 설명해주셨는데
    현업? 요즘에는 어떤걸 많이 사용해서 개발을 하나요?
    아니면 두가지 모두 사용한다고 생각을해야할까요?

    • @studiomeal
      @studiomeal  3 роки тому

      %를 사용하는 것과, float를 사용하는 것은 구체적으로 관련이 없답니다~ %를 사용하는 것은 폭을 유동적인 크기로 만들겠다는 것이고, float는 정렬 방법에 대한 것이고요^^ 요즘은 레이아웃을 만들 때 flex를 가장 많이 사용하는 느낌입니다~ flex 영상도 있으니 같이 한번 봐보세요^^

    • @sjpark965
      @sjpark965 3 роки тому

      @@studiomeal 답변 감사합니다!! 궁금했던점 해결되었습니다!! ^^ 1분코딩님의 flex 그리드 강의 들을 예정입니다!! ㅎㅎ

  • @aaron-kim00
    @aaron-kim00 2 роки тому

    Thank you

  • @yangyang0330
    @yangyang0330 5 років тому

    우와 강의력... 뭡니까... ㄷㄷ!

  • @choi5745
    @choi5745 6 років тому

    좋은 내용 감사합니다 ^^

    • @studiomeal
      @studiomeal  6 років тому

      Blake 댓글 고맙습니다!

  • @crystalu398
    @crystalu398 4 роки тому

    아... 똑같이 따라했는데 안됐네요..... 뭐가 틀린거지... 내일 다시 해봐야겠어요... ㅜ ㅜ

  • @briankim4519
    @briankim4519 3 роки тому

    맨처음에 div이렇게 돼있는디 랑 뭐가 다른가요?

    • @studiomeal
      @studiomeal  3 роки тому

      안에 "div"라는 글자를 쓰고 안쓰고의 차이입니다~

  • @김은지-r1b7h
    @김은지-r1b7h 4 роки тому

    감사합니다!!!

  • @yullo
    @yullo 5 років тому +1

    헤헷 대표님 머쪄염

    • @studiomeal
      @studiomeal  5 років тому

      어 유라님 코딩공부 다시 시작하시는거에요?

  • @efefaw457
    @efefaw457 3 роки тому

    wonderful!

  • @ppuppu1117
    @ppuppu1117 6 років тому

    오.. 쉽게 이해가요..!

    • @studiomeal
      @studiomeal  6 років тому

      김상희 고맙습니다^^

  • @jiahnkim633
    @jiahnkim633 4 роки тому

    일분코딩님. 저 정말 궁굼한게, 웹표준웹표준 하고, 시멘틱마크업 하는데, 그리고 div(디브)를 남발하지말라고하는데, 왜 다른 사이트들의 코드를 보면 다들 디브에 묶어놓고 무지막지하게 남발하고, 정작 쓰라는 헤더와 컨텐츠나 아티클, 그리고 푸터는 왜 잘 쓰지 않는거 같죠??? 어디 물어볼곳이 딱히 없어서 댓글 남깁니다..! 정말 궁금해요. 한줄로 정리하면, 1. 왜 디브를 남발하지 말라고 하는데 디브에 모든걸 묶어 사용하는가. 우선 이거 한가지가 가장 궁금합니다,,,!! 혹시 아시는 분이 계시다면 댓글 남겨 주세요 ㅠㅠ..!! 부탁 드릴게요 ~~~! ㅠㅠㅠ (자스 영상 너무 잘 보고있습니다. 설명 정말 잘해주셔서 너무 감사합니다 !)

    • @studiomeal
      @studiomeal  4 роки тому +1

      그게 section이나 article을 쓰나 div를 쓰나 어차피 CSS로 모양을 잡기 때문에 당장 눈에는 이상이 없어보이기 때문에 그냥 무시하고 하는 경우가 있고(물론 바람직하진 않습니다).. 또는 미리 만들어져있거나 자동으로 만들어지는 템플릿을 사용해서 그런 경우도 있을 것 같아요. 어느 경우에든, 말씀하신대로 div 대신 용도에 맞는 적절한 태그를 사용해주시는게 바람직합니다~^^

    • @jiahnkim633
      @jiahnkim633 4 роки тому

      @@studiomeal 답변 감사합니다! 제가 너무 늦게보았네요 ㅠㅠㅎㅎㅎ요즘은 자스와 노드도 공부중인데, 돔을 하게되면서 더욱 div에 의존(?) 하는것은 아닌지 의문점이 들었습니다 ㅎㅎ 건강조심하시고 감사합니다 ~ ^ㅠ^

    • @studiomeal
      @studiomeal  4 роки тому

      Jamong Kim 네 건강 조심하시고 공부 화이팅하세요!

  • @koreaplatform
    @koreaplatform 4 роки тому

    넘 쉬운 것ㅋ

  • @YY-ug9um
    @YY-ug9um 4 роки тому

    너무 감사합니다! ㅎㅎ 모바일에 대한 생각없이 홈페이지 만들었다가, 다시 반응형으로 만드느라 막막했는데, 정말 큰 도움 되었습니다!

    • @studiomeal
      @studiomeal  4 роки тому

      도움 되었다니 보람차네요! 저도 감사합니다^^

  • @CodingWorks
    @CodingWorks 6 років тому

    크롬개발자도구에서 모바일 화면으로 볼 때 모바일 목업(모바일 프레임)은 어떻게 나오게 할수 있나요? 전 지금까지 컨텐츠만 나오는게 당연한줄 알았는데 영상을 보니 검은색으로 아이폰 모바일 목업이 있던데 설정에 있나요? 아니면 크롬 확장프로그램인가요?

    • @studiomeal
      @studiomeal  6 років тому

      38:18 부분 보시면 됩니다~ 그냥 크롬 개발자도구에 있는 아이콘을 누르시면 됩니다.

    • @CodingWorks
      @CodingWorks 6 років тому

      제가 궁금한건 링크에 있는 이미지처럼 개발자도구에서 mobile mocup을 나오게 하는게 설정인지 확장프로그램인지 궁금합니다. 답변 부탁드립니다. 저도 퍼블리셔로 일하고 있습니다. 모바일 화면 프리젠테이션할 때 이미지처럼 모바일 목업이 있으면 더 현실감이 있을 듯 합니다.
      wpdesignstudio.cafe24.com/screenshot.png

    • @studiomeal
      @studiomeal  6 років тому

      andy cebu 기본으로 제공되는 기능입니다. 혹시 아이콘이 안보이시면, 개발자도구의 Settings > Devices를 확인해보세요~

  • @hotherside
    @hotherside 6 років тому +1

    너무 감사합니다...

  • @김장훈-t8d
    @김장훈-t8d 5 років тому

    이게 강의다

  • @seonyeongjang3459
    @seonyeongjang3459 5 років тому

    감사합니다. 덕분에 inline , inline-block 알아가요!

  • @henu7717
    @henu7717 6 років тому

    안녕하세요. CSS 레이아웃 강의를 듣다가 궁금한 것이 생겨서 질문드립니다!
    [16:45] 참고하시면 될것 같아요.
    div 엘리먼트에 width : 100%와 padding : 5%를 지정하게 되면 실제로
    엘리먼트가 차지하는 공간은 110%라고 설명을 해주셨는데요,
    제가 가지고 있는 적은 지식으로는,
    padding 속성은 일리먼트 내부의 여백(?)을 설정하는 것 아닌가요~?
    위와 같이 된다면 width를 100%를 준다고 하더라도 해당 엘리먼트의 내부여백이 상하좌우 5%만큼
    설정되는 것이지, 실제 해당 엘리먼트 전체 크기에 영향 끼치게 되는 원리가 잘 이해가 안됩니다!
    어떤 원리때문인지 알 수 있을까요?
    항상 좋은 강의 감사합니다!

    • @henu7717
      @henu7717 6 років тому

      아! 제가 box-sizing 속성에 대해 제대로 공부가 안됬었네요!
      해결 되었습니다~

    • @studiomeal
      @studiomeal  6 років тому

      아, 답변 하려고 보니 해결 하셨네요^^

    • @달린-n6f
      @달린-n6f 4 роки тому

      저도 이거 계산하는 부분이 이해가 잘 안갔는데 이건 box-sizing 속성을 좀 보면 되나요?ㅠㅠ

  • @cssmaster2978
    @cssmaster2978 4 роки тому

    와....최고......모르는 포인트들이 깨알같이 들어있네요.... 이런건 그냥 교육방송에서 찾기힘든건데. 오늘부터 영상을 꾸준히 다보려합니다. 고맙습니다
    아 질문이 생겼어요! 그럼 처음에 아싸리 *{ box-sizing: border-box}로 해버리면 width 퍼센테이지나 다른 스택으로 쌓이는 숫자 아무것도 신경을 안써도 되는거죠??

    • @studiomeal
      @studiomeal  4 роки тому

      네 border-box로 해두면, padding과 border까지 width에 포함됩니다~

  • @kyung5841
    @kyung5841 5 років тому

    18:06 이부분 이해가 잘 안가서요ㅠ 질문하나 해도 될까요? ㅠㅡㅠ 16분쯤에서 box-sizing :content-box;(기본) 인 경우에는 패딩+보더+마진값을 다 포함한다고 하셨었는데요. 18분에서 padding:5%를 줬기 때문에 a에 30% b에 50%를 주셨다는게 이해가 잘 가지 않습니다. 다 포함되어있기 때문에 패딩값을 주어도, 그거 포함 30%아닌가요? 왜 30%+(양쪽 패딩)10%를 해야하는건지 이해가 잘안가네요 ㅠ
    -> 앗 a 컨텐츠만 30% 이니까 양쪽 10% 를 더해야한다는걸로 이해가 갔습니다.
    -> 추가질문으로 만약에 %가 아닌 패딩을 30px등 px로 주었을때는 어떻게 해야하나요..?
    강의는 너무 유용합니다 :)
    감사히 잘 보고 있어요! bb

    • @studiomeal
      @studiomeal  5 років тому

      예제에서는 border-box를 설정하지 않고 기본값인 content-box로 했기 때문이에요~ 이 경우에는 패딩과 보더 크기가 따로 잡힙니다.
      패딩과 보더가 width에 포함되는 경우는 border-box에요.
      영상 봐주셔서 고맙습니다. 공부 화이팅하세요! ^^

  • @chch1299ss
    @chch1299ss 4 роки тому

    정독시작 1

  • @qqk9219
    @qqk9219 Рік тому

    12:00

  • @백건빈-h9f
    @백건빈-h9f 2 роки тому

    01:10

  • @happyjennylondon
    @happyjennylondon 5 років тому

    17:49

  • @Jason-lp3ih
    @Jason-lp3ih 4 роки тому +3

    영상 끝나고 혼자서 박수쳤습니다

    • @studiomeal
      @studiomeal  4 роки тому

      아하핫 감사합니다^^

  • @happykkkk_diet
    @happykkkk_diet 6 років тому +3

    아.. 띄어쓰기 하나도 중요한거였군요..ㅠ

    • @studiomeal
      @studiomeal  6 років тому

      숩 숩 네 띄어쓰기가 상관없는 부분도 있고 상관이 있는 부분도 있고 그렇습니다~