모던 웹을 위한 HTML5 + CSS3 바이블 21강 - 레이아웃(1) : float 속성 활용

Поділитися
Вставка
  • Опубліковано 10 лют 2025
  • float 속성의 기본과 float 속성을 사용한 레이아웃을 다룹니다. 중요합니다.

КОМЕНТАРІ • 18

  • @c2-design
    @c2-design 4 роки тому +1

    진짜 너무 설명잘해주시고 이해쉽게 말해주셔서 너무 감사드려요 정말 잘가르쳐주시네요 !!

  • @이팡규
    @이팡규 4 роки тому +1

    잠깐 듣자마자 말씀하시는게 왜이리 귀에 잘들어오나 생각했내요 ㅋㅋㅋ

  • @정안-p9i
    @정안-p9i 4 роки тому +3

    강아지 너무 귀엽숩니다............

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

    복습!

  • @shout-out-to-j1
    @shout-out-to-j1 4 роки тому

    안녕하세요,, 책 페이지 316을 공부하다가 질문이 생겨 댓글을 작성합니다.
    제가 이전에 이 동영상에서 float:left 를 적용하여도 그 적용된 요소의 display 속성이 변함 없는지 질문 드렸었습니다.
    태그의 경우 display 속성은 inline으로 width와 height, margin top/bottom 이 적용될 수 없습니다.
    다만, 페이지 316에 코드 6-16을 보면, #top_gnb > div > a { width: 25% }와 같이 너비를 지정해주며, 코드 6-17을 보면 height을 35px로 지정해주고 있습니다.
    float:left를 적용하게 되면 a 태그의 display 속성이 inline-block 혹은 block으로 변경되어 원래는 적용할 수 없었던 너비와 높이를 지정하게 될 수 있는 것 같은데, 저자님이 float:left 를 적용하여도 그 요소의 display 속성에는 차이가 없다고 답변을 주셔서 굉장히 혼란스럽습니다ㅠㅠ.
    도와주세요 ㅠㅠ

    • @윤인성
      @윤인성  4 роки тому

      앗 display 속성 자체는 변함이 없지만(속성을 변경한 것은 아니므로), 너비와 높이를 지정할 수 있는 inline-block과 비슷한 형태가 되기는 합니다. 그래서 너비와 높이 등을 적용할 수 있습니다.
      저번에 질문 의도를 정확하게 캐치하지 못 했군요 @_@ 죄송합니다..!

  • @이상헌-z3h
    @이상헌-z3h 4 роки тому

    오늘도 열심히 감사합니다~~

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

    자세한 설명 감사합니다

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

    너무나도 좋은 강의라, 책과 함께 잘 보고 있습니다 저자님ㅎㅎ
    다름 아니고, 제가 쇼핑몰을 제 손으로 직접 구현하고 웹 상에 뿌리고 싶습니다ㅠ
    html, css > java script 순서로 진행 한 후에 무료 html 템플릿을 다시 뜯어서 하나하나 재구성 해보고 이를 제 쇼핑몰에 사용해 보고 싶습니다.
    만약 이런식으로 html 템플릿 하나를 완성하고, 쇼핑몰 홈페이지를 구축했다면 이를 웹상에 뿌릴때 어떤 방법이 있을까요?
    상품 구매, 회원가입이나 게시글 작성 등은 DB를 다뤄야 하는 거 같은데 이거까진 제가 할 수 없을거 같거든요ㅠ 이걸 대행 해주는 사이트좀 픽 해주실 수 있으신가요?(가성비로다..ㅎㅎ)
    마지막 질문은, 웹에도 이런식으루 뿌린 후에 모바일 상으로도 볼 수 있게끔 하고 싶습니다.
    마치 www.홈페이지주소.com 하면 위에서 제가 만든 html 템플릿 사이트가 나오지만, m.홈페이지주소.com 하면 제가 react-native로 짠 템플릿 사이트가 나왔으면 좋겠습니다.
    이런걸 하기위해선 html, css > java script > react-native 순으로 학습하면 될런지요?
    마찬가지로 모바일상에 상품구매나 회원가입 같은 것은 포멧만 제가 자유자재로 만들고 데이터 저장이나 다른 백앤드? 파트는 가성비의 대행 사이트에 맡기고 싶습니다!
    긴 댓글 읽어주셔서 감사합니다!

    • @윤인성
      @윤인성  5 років тому

      해당 내용은 react native도 필요 없고, react도 필요 없습니다. 사실 부분적으로 대행 사이트에 맡기는 것은 거의 불가능합니다. 크게 어려운 것은 아니므로, 자바스크립트까지 간단하게만 공부하신 뒤에 서버 프레임워크들을 골라서 공부하시면 될 것 같습니다.
      서버 프레임워크(자바스크립트라면 노드, 루비라면 레일즈, 파이썬이라면 장고, 자바라면 스프링 부트 등등)들을 공부하시면 지금 잘 모르겠다고 말씀해주신 부분들이 쭉 해결될 것 같습니다.

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

      와우 일단 그럼 html css 책 뒷부분에 모바일 레이아웃으로도 커버가 가능하다는 말씀이시죠? 그 후에 java script를 배우고 node를 배우면 술술 풀릴것이다.. 답변감사드립니다ㅠ

  • @shout-out-to-j1
    @shout-out-to-j1 4 роки тому

    안녕하세요, 강의 잘 보고 있습니다.
    다만 한 가지 궁금한 점이 있는데 만약 display 속성이 block/inline/inline-block(셋 중 하나)인 요소가 float:left 혹은 right으로 띄어진다면, display 속성은 변함없이 그대로 block/inline/inline-block인건가요? (즉, display 속성은 변함이 없나요?)
    감사합니다.

    • @윤인성
      @윤인성  4 роки тому

      넵 display 속성에는 차이가 없습니다...!

  • @최주동-q5f
    @최주동-q5f 5 років тому

    안녕하세요, 책 구입해서 동영상 강의와 함께 잘 보고 있습니다.
    22강은 언제쯤 올라올까요?

    • @윤인성
      @윤인성  5 років тому

      방금 올라갔습니다...!

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

    감사합니다 잘보고있습니다.
    현재 html->javascript->nodejs 순으로 넘어가려고 하는데
    괜찮은 순서인가요~?

    • @윤인성
      @윤인성  5 років тому

      KORUFO 넵 괜찮은 순서입니다...!

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

    감사합니다. 잘 봤습니다. ^^