테킷스쿨에는 멋쟁이사자처럼 [대학11기]프론트엔드 온보딩 트랙 강의가 있습니다.

멋쟁이사자처럼 대학 동아리에 소속되어 활동을 시작하며, 이 강의를 수강할 수 있게 되었습니다.

이번에 리뷰하려는 것은 조경민 강사의 ✨챕터 3 : 웹 페이지를 이루는 삼총사 - HTML, CSS, JavaScript✨입니다.

---

HTML

• HTML : 구조 및 내용 담당. *.html
• CSS : 모양 및 스타일 담당 *.css
• JavaScript : 이벤트 및 반응 담당 (간략히) *.js

HTML의 구조

하나의 페이지의 요소가 짜임세 있게 구성되어야 한다.
HyperText는 웹에서 다루는 텍스트가 정적인 것을 넘어 링크를 가질 수 있게 됨.
Markup은 텍스트에 의미를 부여하는 것이다. 태그를 그 방법으로 이용한다.
(예 : <제목>제목이름작성<제목/>)

---

CSS, JavaScript

CSS : Cascading Style Sheet

어떤 모양으로 사용자에게 보여줄지 고민한다.
cascading 즉 계단식인-상위요소와 하위요소로 구성되어있다.

JavaScript :

사용자와 상호작용하는 동적인 기능을 추가할 수 있다.
확장성이 좋고, 웹브라우저 내에서만 작동-브라우저 환경에서만 이용할 수 있었다.
하지만 현재, node js(js 실행을 돕는 런타임엔진)와 함께 사용 가능한 영역이 더 넓어졌다.
자바와 다른 독립적인 언어이다.

---

개발자 도구 사용해보기

브라우저에서 개발자 도구 확인하기 :

• 크롬 개발자도구 :
  점 3개가 세로로 나열된 버튼을 눌러서 설정을 연 뒤, 여기에서 개ㅏㄹ=======ㄷ==
  html, css, js 등의 요소 확인과 에러 로그, 네트워크 통신 정보 등을 확인하는 데에 필요하다.

---

더 다양한 강의노트 및 강좌 후기 : https://blog.naver.com/jimin201396