CH3 웹 페이지를 이루는 삼총사 - HTML, CSS, JavaScript
1. HTML(Hyper Text Markup Language)
HTML의 요소들이 짜임새 있게 구성되는 것이 중요하다
Hyper text란, 단순히 정적인 텍스트를 넘어서 다른 웹페이지나 미디어 리소스에 접근할수있는 링크를 가지는 형태이다
Markup 이란,
텍스트의 구조혹은 의미를 부여하는 것을 가리킨다.
태그라는 형식으로 의미를 부여한다.
2. CSS, JavaScript
CSS란, Cascading Style Sheet
JS는 자바와는 매우 다른 언어
JS는 웹 페이지에 생동감을 불어넣게 해주는 것.
Node js를 통해 벡엔드도 자바스크립트 개발을 할 수 있는 환경이 된다.
3. 개발자 도구 사용해보기
개발자 도구를 사용하여
HTML/CSS/JS 등 요소 내용
에러로그
네트워크 통신 정보를 확인 할 수 있다.
CH4 개발 환경 세팅
1.VS Code
vscode는 확장성이 좋다. 좋은 개발 툴이다.
전반적인 개발환경 세팅 방법
vscode에서 사용하기 편한 확장프로그램 설치방법
2. CodePen, Replit
codepen은 간편하게 출력되는 결과를 보기 위해서 많이 사용되고
Replit은 실제 개발 환경과 동일한 상태에서 프론트엔드 개발을 진행할 수 있다. 물론 다른 개발 언어들도 가능하다.
로컬환경에서 개발하지 못한다면 온라인에서 제공하는 개발툴로 개발해보도록하자.
Just do IT