패스트캠퍼스 챌린지 3일차

[3일차 강의명]

 

Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트

Ch 5. HTML 개요

Ch 6. HTML 핵심 정리

 

Ch 5. HTML 개요

 

내용

 

• HTML 기초
• 인라인과 블록

 

새롭게 알게된 내용

 

 나는 HTML 중에서 HTML5만 공부해봤고, 대부분 vscode 자동완성(?) 기능을 사용해서 대부분 HTML 코드를 작성 했었기 때문에 빈태그에 대해서 깊게 생각을 안 해봤다. 강의를 들으면서 생각해보니 대부분 빈태그는 <태그> 형식으로 사용했던 거 같다. 강의해주시는 분 말씀으로는 <태그/> 이 방법이 태그가 종료했다는 것을 명시해주기도 하고, 일반 HTML 에서는 상관없지만 vue 에서는 <태그/>를 사용하기도 해서 (vue를 사용 해보지 않아서 몰랐음)  <태그> 보다는 <태그/> 방식을 권장하신다고 한다.

 

 

Ch 6. HTML 핵심 정리

 

내용

 

• HTML 핵심 요소
• HTML을 가지고 무언가를 이쁘게 만들려고 시도하지 말자
• 주석 (ctrl /)
• HTML 속성

 

첫 번째 사진: class와 id / 두 번째 사진: data-*

 

느낀점

 

 한창 프론트 공부 시작했을 때 ㄱㅂㄱ님 유튜브 보고 (https://www.youtube.com/watch?v=jOzR83vixsE) 그래그래 HTML 중요하지..... 라고 생각이 들어서 열심히 했었는데 그래서 그런지 이번 강의에서 처음 알게된 내용은 없었던 거 같다..! 프론트 공부를 크게 두 번 했다고 할 수 있을 거 같은데(학교 교양 한 번, 다른 강의 한 번) 그 중에서 가장 간략하게 알려주고 배우는 강의였다.(좋은 건 아닌 거 같음) 항상 개발 공부할 때마다 느끼는 거긴 하지만 강의 들으면서 코드 따라 치는건 매우 귀찮다 하하😆 하지만 눈으로만 보는건 소용없다는 것을 매우 알기에!!!! 화이팅해서 강의 끝날 때까지 잘 따라가고 마무리 해보도록 하자

 개인적으로 HTML은 무엇보다 시멘틱 구조 잡는게 가장 중요하다고 생각하는데 이번 파트에서는 따로 알려주지 않았다. 아마 다음에 ㅅㅌㅂㅅ 홈페이지 만들어볼 때 같이 해보면서 알려주지 않을까 싶다.  이건 다음에 해당 강의 들어보고 다시 쓰러와야지

 

 

---

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

#패스트캠퍼스

#패캠챌린지

#직장인인강

#직장인자기계발

#패스트캠퍼스후기

#한_번에_끝내는_프론트엔드_개발_초격차_패키지_Online

 

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]