HTML과외
페이지 정보
본문
HTML이 쉽다구? 공부법 (div 좀 그만써요ㅠㅠ 살려주세요)
이제 더이상 div 남용으로
신성한 HTML을 모독하지 않는걸로 약-속
다음엔 베이비들이 가장 많이 실수하는
HTML 오류에 대해 이야기해보아요
좋아요 + 구독 = 해피
좋아요/구독은 버그를 춤추게 합니다
김버그의 HTML\u0026CSS는 재밌다
▶︎ https://bit.ly/35p5BsC
아래의 쿠폰 코드를 결제 시 입력하시면
50% 할인을 해드립니다!!!!
THX_KIMBUG_SUBSCRIBERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FYI
● Codecademy(EN) https://www.codecademy.com/learn/learn-html
● 생활코딩(KR)
MUSIC I USED
● Midnight Snack by DJ Quads http://smarturl.it/dj-quads / provided by Bass Rebels
● Dizzy by Joakim Karud https://soundcloud.com/joakimkarud / provided by Audio Library
● Warm Lo Li Hip Pop via Motion Array
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
KIMBUG
출연_김버그
영상편집_Cxx!
COPYRIGHT ⓒ 2019 KIMBUG ALL RIGHTS RESERVED
김정현 : 웹 개발 분야 중 3~6년차 쯤 된 개발자들이 더 경력 오래된 선배들보다 실력이 좋을 가능성이 가장 높은 분야가 프론트엔드인 것 같아요.
김지수 : 부트스트랩도 다뤄주셨으면 좋겠어요! 부트스트랩과 본인이 설정한 css나 js가 부트스트랩과 충돌하는 경우도 있어서 우선 순위를 어떻게 반영해야하는지 궁금해요!
dr.who닥터후 : 막연히 머리로만 알고있던 내용인데 이렇게 좋은 설명으로 들으니 확실히 깨닫게 되네요! 공부하고 있는 입장으로서 복잡하더라도 여러가지 써봐야겠어요 ㅠㅠ
tigercow : 재밌고 유익한정보감사합니다!
최근 회사에서 웹접근성, 웹표준 이야기가 나와서 관련된 이야기도 혹시 해주실수있나요?ㅎㅎㅎ작년말에 애플도 웹접근성으로 소송걸렸다고 하는데,, 프론트개발자분들은 관련되서 어떻게 신경쓰고 계신지 궁금해요 :)
풀문 : 훌륭한 강의 고마워요~♡
코딩을 한달만에 배울 수 있다고? - 독서실은 진짜 아니야 (ft. 현직 개발자)
저번에도 말씀드렸지만 제 생각엔 코딩은 다른 과목들 공부하는거랑 다른 것 같아요.
애기들이 처음 세상에 나와서 말을 배울때 문법을 먼저 배우고 말을 하는게 아니고 그냥 어른들 입모양을 따라 하면서 말을 배우잖아요?
그런것처럼 코딩도 코딩 기초는 그냥 최대한 스킵하고, 다른 사람이 이미 만들어 놓은 서비스를 어떻게든 모방하며 직접 부딪혀 보는게 제일 좋다고 생각해요.
제 보잘것 없는 영상에 여러 의견들 달아주셔서 너무 감사드리고 앞으로도 계속 공감/비공감 한다는 말씀 꼭 해주세요! 다른 분들 의견 듣는거 너무 좋아요 :)
(제 영상에 마음대로 쓸지도 몰라요 ㅎㅎ)
기러기 : 현직 초보개발잡니다. 저도 기초 스킵하고 오로지 실전 박치기로 익혔습니다. 책은 단순히 참고용... 프로그램을 만들다가 "다른사람도 이렇게 짜나?"이런생각이 들때 책을 한번씩 훑어봅니다. 인터넷도 찾아보고요. 뭐든 실전이 중요합니다~
Chillip : 소프트웨어 학과로 전과하고 파이썬으로 코딩을 접하고 공부하게된 학생입니다. 워니님 말씀을 들으면서 실질적인 코딩을 제대로 시작해보고 싶습니다! 일단 의지는 분명하게 생겼는데 혹시 참고가 될만한 사이트나 툴, 프로그램 같은 것들이 있다면 알고 싶습니다!
p.s. 영상 항상 잘 보고 있습니다 감사합니다!
voidmyhead : 진짜 이분 말씀이 맞습니다 ㅠㅠ 책보면서 몇 주 공부한거보다 며칠동안직접 만들면서 배워나가는게 많더라구요... 포트폴리오도 나름 만들어졌구요 ㅎㅎ
Jesse White : 파이썬 강좌만 목빠지게 기다리고 있어요 ㅠㅠ 문과인데 파이썬에 관심이 생겨서 워니님 채널로 배우고 있는데 너무 재밌어요!! 저도 얼른 'hello world'같은 간단한 서비스라도 하나 만들어보고 싶네요!
Cocoon : 이분 말에 굉장히 공감가는게, 군대에서 엑셀로 게임만드려고(테트리스, 주식게임 같은거) 엑셀 매크로 스크립트 부분을 공부하는데
엑셀 책 처음부터 끝까지 정독하는게아니고 그떄그때 필요한 기능이 서술되어있는 부분만 찾아서 따라하고 모르는 부분만 인터넷검색해서 제작했던 기억이 나네요.
아무래도 책 처음부터 기초 하나하나 모든것을 알려고 했다면 책 전체의 3분의 1도 못가서 포기했을거같아요
덕분에 질리지않고 재밌게 제작했고 다시 엑셀을 쓸일이 있거나 책을 펴보면 제가 게임 제작하면서 써먹었던 부분들은 어렴풋이 기억이 납니다 ㅎ
바로 배운내용을 써먹고 응용하니까 효율이 더 좋은것 같습니다 ㅎㅎ
HTML 태그들, 헷갈리는거 정리해 보았다 (시맨틱 태그, 중요한 태그들 모음)
HTML 쉽고 만만하게 생각했다가 갈수록 은근히 헷갈리는 경험 해보셨나요? 이번 영상에서 많은 분들이 궁금해 하시고 헷갈려 했던 내용들을 깔끔하게 ✨ 정리해 보았어요 (↙ 자세한 내용)
___________________________
풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50
엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
✨ 관련된 영상들
HTML 기초 영상 1 ⇢
HTML 기초 영상 2 ⇢
언급된 사이트
HTML 태그들 ⇢ https://developer.mozilla.org/ko/docs/Web/HTML/Element
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
00:00 소개
00:54 "시맨틱" 뭘까?
03:05 "시맨틱 태그"가 중요한 이유 3가지
04:05 웹사이트 구조를 이루는 태그들 ( 박스 태그)
05:48 article vs section
07:06 i vs em
08:10 b vs strong
08:56 ol, ul, dl
10:36 img vs CSS background
11:25 button vs a
12:20 table vs CSS
13:15 정리 하며 ✨
.....................................................
#프론트엔드#HTML#웹개발
드림코딩 : CSS Grid 정리 혹시 원하시나요?
C14TF : 갓엘리님... self-taught 으로 공부하고 있는데
진짜 공부하고 이해안되는거 여기서 다 풀어줘버리시네 ㄷㄷㄷ
저 내년에 캐나다로 취업갈 예정인데요 꼭 좋은 소식으로 보답하겠습니다!
생계형 웹디 :: 웹디자인 성장 파트너 : 진짜 10년 묵은 체증이 쑥 내려가게 해주는 영상입니다.
그동안 시멘틱 코딩에 대한 내용은 많이 봤지만 이렇게 시원하게 풀어주는 영상은 처음입니다 ㅎㅎㅎ
엘리님 특유의 똑부러지는 스타일도 정보 전달에 아주 도움이 되구요 ~
혹시 네이밍에 대한 노하우나 팁도 한번 준비해주시면 좋을 것 같아요
특히 gnb lnb 는 어느경우에 사용하면 좋은지...
한국에서는 네이버나 카카오 같은 신뢰성 있는 회사에서 공개한 가이드가 있긴 하지만 문서 형식이라 좀 딱딱하고 차가워서 엘리님의 목소리로 엘리님의 노하우를 한번 공유해주시면 좋을 것 같아요
{Re:Coder} : 개발자로서 필수로 알아야하는 정보들을 잘 정리해주셔서 감사합니다. 과 의 차이점에 한가지만 더하자면 은 문장의 의미를 바꾸고 은 문장의 의미에 어떠한 영향도 주지 않습니다.
Sider Out : 학원에서 자세히 알려주지 않은 시멘틱 마크업에 대해 명료하게 강의해주셔서 감사합니다.
퍼블리싱 입문하시는 많은 분들이 보셨으면 좋겠네요. ^^
태그는 거의 써본적이 없는데 이 강의 듣고나니 다음 프로젝트 땐 한번 써봐야 겠네요 ㅎㅎ
이제 더이상 div 남용으로
신성한 HTML을 모독하지 않는걸로 약-속
다음엔 베이비들이 가장 많이 실수하는
HTML 오류에 대해 이야기해보아요
좋아요 + 구독 = 해피
좋아요/구독은 버그를 춤추게 합니다
김버그의 HTML\u0026CSS는 재밌다
▶︎ https://bit.ly/35p5BsC
아래의 쿠폰 코드를 결제 시 입력하시면
50% 할인을 해드립니다!!!!
THX_KIMBUG_SUBSCRIBERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FYI
● Codecademy(EN) https://www.codecademy.com/learn/learn-html
● 생활코딩(KR)
MUSIC I USED
● Midnight Snack by DJ Quads http://smarturl.it/dj-quads / provided by Bass Rebels
● Dizzy by Joakim Karud https://soundcloud.com/joakimkarud / provided by Audio Library
● Warm Lo Li Hip Pop via Motion Array
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
KIMBUG
출연_김버그
영상편집_Cxx!
COPYRIGHT ⓒ 2019 KIMBUG ALL RIGHTS RESERVED
김정현 : 웹 개발 분야 중 3~6년차 쯤 된 개발자들이 더 경력 오래된 선배들보다 실력이 좋을 가능성이 가장 높은 분야가 프론트엔드인 것 같아요.
김지수 : 부트스트랩도 다뤄주셨으면 좋겠어요! 부트스트랩과 본인이 설정한 css나 js가 부트스트랩과 충돌하는 경우도 있어서 우선 순위를 어떻게 반영해야하는지 궁금해요!
dr.who닥터후 : 막연히 머리로만 알고있던 내용인데 이렇게 좋은 설명으로 들으니 확실히 깨닫게 되네요! 공부하고 있는 입장으로서 복잡하더라도 여러가지 써봐야겠어요 ㅠㅠ
tigercow : 재밌고 유익한정보감사합니다!
최근 회사에서 웹접근성, 웹표준 이야기가 나와서 관련된 이야기도 혹시 해주실수있나요?ㅎㅎㅎ작년말에 애플도 웹접근성으로 소송걸렸다고 하는데,, 프론트개발자분들은 관련되서 어떻게 신경쓰고 계신지 궁금해요 :)
풀문 : 훌륭한 강의 고마워요~♡
코딩을 한달만에 배울 수 있다고? - 독서실은 진짜 아니야 (ft. 현직 개발자)
저번에도 말씀드렸지만 제 생각엔 코딩은 다른 과목들 공부하는거랑 다른 것 같아요.
애기들이 처음 세상에 나와서 말을 배울때 문법을 먼저 배우고 말을 하는게 아니고 그냥 어른들 입모양을 따라 하면서 말을 배우잖아요?
그런것처럼 코딩도 코딩 기초는 그냥 최대한 스킵하고, 다른 사람이 이미 만들어 놓은 서비스를 어떻게든 모방하며 직접 부딪혀 보는게 제일 좋다고 생각해요.
제 보잘것 없는 영상에 여러 의견들 달아주셔서 너무 감사드리고 앞으로도 계속 공감/비공감 한다는 말씀 꼭 해주세요! 다른 분들 의견 듣는거 너무 좋아요 :)
(제 영상에 마음대로 쓸지도 몰라요 ㅎㅎ)
기러기 : 현직 초보개발잡니다. 저도 기초 스킵하고 오로지 실전 박치기로 익혔습니다. 책은 단순히 참고용... 프로그램을 만들다가 "다른사람도 이렇게 짜나?"이런생각이 들때 책을 한번씩 훑어봅니다. 인터넷도 찾아보고요. 뭐든 실전이 중요합니다~
Chillip : 소프트웨어 학과로 전과하고 파이썬으로 코딩을 접하고 공부하게된 학생입니다. 워니님 말씀을 들으면서 실질적인 코딩을 제대로 시작해보고 싶습니다! 일단 의지는 분명하게 생겼는데 혹시 참고가 될만한 사이트나 툴, 프로그램 같은 것들이 있다면 알고 싶습니다!
p.s. 영상 항상 잘 보고 있습니다 감사합니다!
voidmyhead : 진짜 이분 말씀이 맞습니다 ㅠㅠ 책보면서 몇 주 공부한거보다 며칠동안직접 만들면서 배워나가는게 많더라구요... 포트폴리오도 나름 만들어졌구요 ㅎㅎ
Jesse White : 파이썬 강좌만 목빠지게 기다리고 있어요 ㅠㅠ 문과인데 파이썬에 관심이 생겨서 워니님 채널로 배우고 있는데 너무 재밌어요!! 저도 얼른 'hello world'같은 간단한 서비스라도 하나 만들어보고 싶네요!
Cocoon : 이분 말에 굉장히 공감가는게, 군대에서 엑셀로 게임만드려고(테트리스, 주식게임 같은거) 엑셀 매크로 스크립트 부분을 공부하는데
엑셀 책 처음부터 끝까지 정독하는게아니고 그떄그때 필요한 기능이 서술되어있는 부분만 찾아서 따라하고 모르는 부분만 인터넷검색해서 제작했던 기억이 나네요.
아무래도 책 처음부터 기초 하나하나 모든것을 알려고 했다면 책 전체의 3분의 1도 못가서 포기했을거같아요
덕분에 질리지않고 재밌게 제작했고 다시 엑셀을 쓸일이 있거나 책을 펴보면 제가 게임 제작하면서 써먹었던 부분들은 어렴풋이 기억이 납니다 ㅎ
바로 배운내용을 써먹고 응용하니까 효율이 더 좋은것 같습니다 ㅎㅎ
HTML 태그들, 헷갈리는거 정리해 보았다 (시맨틱 태그, 중요한 태그들 모음)
HTML 쉽고 만만하게 생각했다가 갈수록 은근히 헷갈리는 경험 해보셨나요? 이번 영상에서 많은 분들이 궁금해 하시고 헷갈려 했던 내용들을 깔끔하게 ✨ 정리해 보았어요 (↙ 자세한 내용)
___________________________
풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50
엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
✨ 관련된 영상들
HTML 기초 영상 1 ⇢
HTML 기초 영상 2 ⇢
언급된 사이트
HTML 태그들 ⇢ https://developer.mozilla.org/ko/docs/Web/HTML/Element
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
00:00 소개
00:54 "시맨틱" 뭘까?
03:05 "시맨틱 태그"가 중요한 이유 3가지
04:05 웹사이트 구조를 이루는 태그들 ( 박스 태그)
05:48 article vs section
07:06 i vs em
08:10 b vs strong
08:56 ol, ul, dl
10:36 img vs CSS background
11:25 button vs a
12:20 table vs CSS
13:15 정리 하며 ✨
.....................................................
#프론트엔드#HTML#웹개발
드림코딩 : CSS Grid 정리 혹시 원하시나요?
C14TF : 갓엘리님... self-taught 으로 공부하고 있는데
진짜 공부하고 이해안되는거 여기서 다 풀어줘버리시네 ㄷㄷㄷ
저 내년에 캐나다로 취업갈 예정인데요 꼭 좋은 소식으로 보답하겠습니다!
생계형 웹디 :: 웹디자인 성장 파트너 : 진짜 10년 묵은 체증이 쑥 내려가게 해주는 영상입니다.
그동안 시멘틱 코딩에 대한 내용은 많이 봤지만 이렇게 시원하게 풀어주는 영상은 처음입니다 ㅎㅎㅎ
엘리님 특유의 똑부러지는 스타일도 정보 전달에 아주 도움이 되구요 ~
혹시 네이밍에 대한 노하우나 팁도 한번 준비해주시면 좋을 것 같아요
특히 gnb lnb 는 어느경우에 사용하면 좋은지...
한국에서는 네이버나 카카오 같은 신뢰성 있는 회사에서 공개한 가이드가 있긴 하지만 문서 형식이라 좀 딱딱하고 차가워서 엘리님의 목소리로 엘리님의 노하우를 한번 공유해주시면 좋을 것 같아요
{Re:Coder} : 개발자로서 필수로 알아야하는 정보들을 잘 정리해주셔서 감사합니다. 과 의 차이점에 한가지만 더하자면 은 문장의 의미를 바꾸고 은 문장의 의미에 어떠한 영향도 주지 않습니다.
Sider Out : 학원에서 자세히 알려주지 않은 시멘틱 마크업에 대해 명료하게 강의해주셔서 감사합니다.
퍼블리싱 입문하시는 많은 분들이 보셨으면 좋겠네요. ^^
태그는 거의 써본적이 없는데 이 강의 듣고나니 다음 프로젝트 땐 한번 써봐야 겠네요 ㅎㅎ
... 
댓글목록
등록된 댓글이 없습니다.
