[HTML]유튜브보고 HTML/CSS 사용해서 웹사이트 만들어 본 후기

안녕하세요

웹개발을 위해 HTML, CSS를 배워보려는데,

저와 코딩공부에 대해 생각이 비슷하신 어느 개발자님의 유튜브 영상을 보고 따라해보았습니다.

 

일단 만들어보면서 시작해라

라는 생각이 코딩에는 정말 필요하다고 생각하는 사람인데,

저와 똑같은 생각을 해서 놀랐고,

게다가 따라하라고 친절히 영상까지 만들어주셔서 냉큼 따라해봤습니다.

 

 

"테크보이 워니"님의

 

"웹사이트 코딩할때 필요한 HTML 이 영상 하나로 끝내세요" 와

"웹사이트 10초만에 만들기 (10분 걸려도 책임은 안 짐) - HTML / CSS 배우기" 라는 영상입니다.

 

youtu.be/50JOpxN0554

youtu.be/RK5foxPm5GA

각각 7분, 16분의 짧은 영상이지만

보면서 제가 생각한 점들도 정리하고, 보시는 분들이 궁금해할법한? 간단한 후기를 쓰고

코드 공유하도록 하겠습니다.

 

 

 

~후기~

 

Q1. 뭘 만들었냐

A. 아래의 웹사이트를 보고 ( https://getbootstrap.com/docs/5.0/examples/pricing/ )

원본 웹사이트 캡쳐화면

 

이렇게 따라 만들어봤습니다.

껍데기만 있는 사이트이기 때문에 당연히 버튼은 동작하지 않습니다.ㅎㅎ

( How-to-create-Web.hongbeenlee.repl.co )

따라만들어본 내 웹사이트 캡쳐 화면

 

Q2. 왜 이 강의를 골랐냐

A. 프론트 엔드 단의 개발을 빠르게 훑고 넘어가고 싶어서, 그리고 일단 해보고 감을 잡은 다음, 자세한 개념강의를 듣는 것이 흡수율이 훨씬 좋기 때문에 당장 시작할 수 있는 강의를 골랐습니다.

 

Q3. 진짜 마스터할수있냐?

A. 마스터...라는 말이 조금 자극적이라고 생각이 됩니다만,

프로그래밍을 전에 해봤으면 웹개발에서 자주 쓰이는 기능들은 쉽게 배워갈 수 있다고 생각합니다. 코딩에 ㅋ도 모르면 배속을 늦추고 천천히 봐야 이해될 듯 합니다. (댓글보니 1시간,2시간,, 다양한 듯)

 

Q4. 뭘 마스터하냐?

A. 기본적으로 HTML을 쓰면서 지켜야할 Syntax나 구조, 웹 개발에서 자주 쓰이는 태그, css와 어떻게 이어지는지, css에서 뭘 하고싶으면 개발자 도구에서 뭘 봐야하는지 등을 배울 수 있습니다. 당연히 HTML과 CSS의 모든 것을 머리에 넣지는 못하지만, 기본 골격을 알 수 있기 때문에 뭘 하려면 이걸 검색해봐야겠군~ 정도의 감이 생깁니다.

 

*그리고 막판에는 강의 안듣고 걍 제가 구글링하고, 개발자 도구에서 필요한 부분 알아서 참고해서 만들었습니다...

강의에서 스킵한 부분이 상당히 있기 때문에...여기서 알 수 있듯 저는 도구를 다루는 법을 배웠다고 생각합니다.

 

 

Q5. 이거보고 뭐할거냐?

A. 개인적인 계획이지만, 바닐라JS도 빨리 배우고 HTML, CSS, JS를 사용한 웹사이트를 만들어볼 계획입니다.

다른 웹사이트도 클론코딩해보면 확실히 실력이 늘긴하겠지만, 사실 전 백엔드를 하고싶어서 웹개발을 시작했기 때문에! 프론트엔드는 빠르게 훑는 것이 목표입니다.

 

 

~총평~

코딩의 ㅋ도 모르는 왕초보자에겐 불친절할 듯 하나.. 친절한 코딩강의는 기억에 안남더라구요ㅎㅎ

익숙해지기전엔 무작정 따라하는 게 최고라고 생각합니다.

 

개인적으로 HTML의 기본, 태그가 뭔지 등등 원리부터 차근히 알려주는 강의보단

이런 실전 강의를 먼저보고 개념 강의를 보면 훨씬 쏙쏙 들어온다는 경험을 꽤나 해봤기 때문에

체득하기 훨씬 좋다고 생각해서 전 굉장히 도움됐습니다! (승질급해서 딱인듯 합니다.)

 

딱히 어려운 부분이 없어서 부끄럽지만ㅎㅎ 코드 공유하도록 하겠습니다.

 

github.com/Hong-been/Study_Web

Hong-been/Study_Web

 

소통하고 싶은 부분이 있으시면 언제나 댓글 주세요.