정말감사합니다 태그니 요소니 셀렉터니 이벤트이스너니 html css java script 기초는 대충 뗀거 같아서 둥둥 떠 돌아다니는 지식들을 만들어 보며 제걸로 하려고 하니 ,,,파편화 되어 있는 지식들을 묵을 지식이 너무 부족하여 발을 동동 구그고 있던 참이었습니다 아마 프로그래밍 입문자중 이제 웹사이트를 안번 만들어 보고자 하는 분들은 저 같은 분이 많지 않을가 싶네여....정말 갑사합니다 ~!!
눈에 보이는 결과적 차이는 없지만 nav 태그를 사용하면 크롤링 봇들이 사이트 구조를 파악하는데 도움을 줘서 검색엔진 최적화에 더 도움을 줍니다. 또한 접근성 문제도 해결해줍니다. nav태그를 쓰면 스크린 리더(청각장애인용 화면을 소리로 읽어주는 시스템)가 해당 위치로 바로 이동 가능하기 때문입니다. 혹은 아래처럼 div 태그 내부에 role을 정의해줘도 됩니다. <div class='nav' role='navigation'> 결론: nav태그를 쓰는 것이 더 좋습니다. 다만 초보자 입장에서 처음부터 눈에 보이는 결과에 아무 영향을 주지 않는 태그를 수십종 공부하고 역할을 익히는 것이 쉽지 않아서 모든 태그를 공부하기보다는 우선 div, p, img 등 필수 태그만으로 모든 것을 해결해 내 웹 페이지를 한 번 완성해 본 다음 네비게이션은 nav태그 헤더는 header 태그, 푸터는 footer 태그, 사이드바는 aside태그, 회사 주소는 address태그 리스트는 li, ol, ul 태그를 이용해 구현하기 등등 접근성과 SEO 관련 태그들은 다음 단계에 배우는 것이 정말 코딩에 흥미를 가지고 배우는 데 더 도움이 되는 것 같아 이렇게 알려드리고 있습니다. 감사합니다!
![[레이아웃-5] HTML 구조 잡기 - 4조](http://i.ytimg.com/vi/Fo4MYBrD6u4/mqdefault.jpg)
![[레이아웃-5] HTML 구조 잡기 - 4조](/img/tr.png)
![[레이아웃-4] HTML 구조 잡기 - 3조](http://i.ytimg.com/vi/lk7tV6_0gCw/mqdefault.jpg)
![[레이아웃-3] HTML 구조 잡기 - 2조](http://i.ytimg.com/vi/mzAflEJpK0c/mqdefault.jpg)
![[레이아웃-2] HTML 구조 잡기 - 1조](http://i.ytimg.com/vi/Q-vzMphk83U/mqdefault.jpg)
![[레이아웃-1] HTML 구조 잡기](http://i.ytimg.com/vi/nOUAFyJo9Rs/mqdefault.jpg)
Table tag는 안쓰나요?
복받으실겁니다...
쉽게 강의를 하셔서 이해가 빨라집니다. 감사해요
감사합니다~
사장님...완성은 해주셔야죠!!ㅠㅠcss가없으면 반도 흐규규
똑같이 적었는데 왜 이상하게 나오징..
애초에 이렇게 안감 설명 생략 ㅈㄴ 많음 flex도 써야하고요
3:20초에 이미지를 비율을 유지하면서 크기를 조절한다고 하셨는데 이미지 크기는 그대로 나두면서 div로 레이아웃 조절하는 것을 말하시는건가요?
아 왜 이제 알고리즘 뜨냐고요 ~~~ 엉망진창구조잡기 한 후 라고요지금은 ~~~~
html문법의 사용법은 알고있지만 응용이 부족했는데 영상이 많은 도움을 줬습니다 감사합니다.
정말 도움이 됩니다. 이번 편에서 고정되는 부분들은 어떻게 하는지 알려주세요!
나이들어 Html 공부하면서 여러 방송을 봤는데 정말 이해할수 있게 방송해줘서 감사합니다
Css 하는 건 안올라오나요 .?
강의 감사합니다.
업무하는데 도움이 되었습니다!! 감사합니다(__) 건강유의하세요~~
강의 너무 좋아요!!! ㅠㅠ 제발 계속 강의 만들어주세요…
2021.08.27 🏋
진짜 div계속 이해 못하고 있었는데 감사합니다ㅠㅠㅠㅠ
설명을 쉽게 잘해주시네요
너무너무 감사합니다 ㅠㅠ
마지막 갤러리에 마지막 </div>이 한번 더 있나용?
어떻게 이 영상에 반대글이 달릴 수 있지?
쌤 설명 너무 잘하시는데 css 강의도 제발,, 제발해주시면안댈가요,,
쓰앵님 감사합니다,, 낼 기말고사인데 도움이 많이대써요!! 강의 더올려주시면 안되나요...ㅠ - ㅠ
class name의미 문의 합니다. textContainer이라고 text container 또는 text_container 또는 textcontainer이라고 하면 차이가 있는지요?
중간에 당황하시는거 너무 귀여우심 ㅋㅋㅋ 인간적이다.
너무 감사합니다! 지금 학원다니는데 쓰앵님 바꾸고 싶네요!ㅠㅠ css편도 올려주시면 안될까요 쓰앵님🧡
쓰앵님 ㅠㅠ 다음 영상들도 부탁드립니다!
제가 봣던것중에 설명이 가장 좋아요 감사합니다ㅠ
강의 너무 좋습니다. 반복학습이라 이해가 쏙쏙 되네요. 혹시 추가 강의 계획이나 유데미 인프런 등 웹개발자를 위해 추천해줄 강의가 있으실까요?
너무 감사합니다ㅠㅠㅠㅠ설명 너무 좋아요 css편도 해주시면 너무 좋을 것 같습니다!!!
정말 감사합니다 :)
정말감사합니다 태그니 요소니 셀렉터니 이벤트이스너니 html css java script 기초는 대충 뗀거 같아서 둥둥 떠 돌아다니는 지식들을 만들어 보며 제걸로 하려고 하니 ,,,파편화 되어 있는 지식들을 묵을 지식이 너무 부족하여 발을 동동 구그고 있던 참이었습니다 아마 프로그래밍 입문자중 이제 웹사이트를 안번 만들어 보고자 하는 분들은 저 같은 분이 많지 않을가 싶네여....정말 갑사합니다 ~!!
왜 nav태그를 바로안쓰고 div class="nav" 로 하는건가요? 차이점이있을까요?
눈에 보이는 결과적 차이는 없지만 nav 태그를 사용하면 크롤링 봇들이 사이트 구조를 파악하는데 도움을 줘서 검색엔진 최적화에 더 도움을 줍니다. 또한 접근성 문제도 해결해줍니다. nav태그를 쓰면 스크린 리더(청각장애인용 화면을 소리로 읽어주는 시스템)가 해당 위치로 바로 이동 가능하기 때문입니다. 혹은 아래처럼 div 태그 내부에 role을 정의해줘도 됩니다. <div class='nav' role='navigation'> 결론: nav태그를 쓰는 것이 더 좋습니다. 다만 초보자 입장에서 처음부터 눈에 보이는 결과에 아무 영향을 주지 않는 태그를 수십종 공부하고 역할을 익히는 것이 쉽지 않아서 모든 태그를 공부하기보다는 우선 div, p, img 등 필수 태그만으로 모든 것을 해결해 내 웹 페이지를 한 번 완성해 본 다음 네비게이션은 nav태그 헤더는 header 태그, 푸터는 footer 태그, 사이드바는 aside태그, 회사 주소는 address태그 리스트는 li, ol, ul 태그를 이용해 구현하기 등등 접근성과 SEO 관련 태그들은 다음 단계에 배우는 것이 정말 코딩에 흥미를 가지고 배우는 데 더 도움이 되는 것 같아 이렇게 알려드리고 있습니다. 감사합니다!
@@tech_and_economy 아 감사합니다. 저도 이제 겨우 2주차라 개념 잡아가는 중인데 위에 처음 설명해주신 개념으로 먼저 공부하고 와서 뭐가 다른지 궁금했네요. 정말 초보자입장에서는 영상처럼 따라하는게 레이아웃 구조 만드는데 이해하기 좋은 것 같아요
반복학습 너무 좋은것 같아요
과외 문의드립니다
진짜고맙습니다 개념잡는데 큰 도움이 되었어요
Css로 배치하는법 알려주시는 강의나 과외 만들어주실수 있을까요? 010 3375 3948
혹시 과외받을수 있을까요?
잘봤습니다 ~! css 편도 해주세요 ㅠㅠㅠㅠㅠ
레이아웃개념이 짱입니다.
👏👏
아주 좋은강의지만 결국 이상태로 실행했을때 어떻게되는지도 보여주었으면 좋겠어요
ㅠㅠ 최고에용
프로그램은 어떤걸 사용하시나요?
저는 60대 인데도 너무 쉽게 HTML구조를 잘 이해할 수 있도록 설명해 주셔서 감사합니다!!
저는 40후반인데, 코딩독학 시작한지 2년쯤 되는데요, 저보다 더 늦게 시작하신분이 계시네요～
60대이신데 배우시려는 모습 너무 멋지십니다
@@재현-o7u 만학도이시네요. 배움에 나이가 무슨 의미가 있겠어요 ^^
id가아니라클래스를쓰는군요
강의를 너무 쉽고 이해가 잘되게 해주시네요 감사합니다 css랑 jqurey 강의도 해주세요 어딘지알면 수강하고 싶으네요
감사합니다 구조잡기 잘 봤습니다. 다음영상도 올려주세요 ㅠㅠㅎㅎ!
진짜 너무 감사합니다
정말 필요하던 강의를 찾았습니다. 감사합니다. 계속해서 동원님 강의 찾아 보겠습니다.