[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 1 회차 미션

 

HTML CSS JS 개요

웹을 구성하는 HTML, CSS, JS의 이해와 학습은 단지 기술을 배우는 것으로 그치지 웹과 모바일, IT 전반의 과거, 현재, 미래를 이해하는데 도움이 된다. 실무적으로 Product를 보다 구조적 관점에서 볼 수 있는 능력을 키울 수 있다.

 

HTML

- HTML은 페이지에 표시되는 제목,문단,표, 이미지 등을 정의하고 구조와 의미를 부여하고 웹의 구조를 만드는 언어이다. 웹 브라우저 위에서 동작하는 언어이다.

온전히 Semantic을 만드는것에 집중해야 한다.

 

HyperText : 문서와문서가 링크로 연결되어있음.

Markup : 태그로 이뤄져 있다.

Language : 언어

의 의미를 담은 약자이다.

 

 

 

CSS

- CSS는 HTML, XML 같은 Markup language가 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 표현해주는 역할을 맡고 있다.

Cascading Style Sheets란 documents 가 시각적으로 어떻게 보여질지에 대해 기술하는 언어이다.

구조를 담당하는 HTML에 디자인을 입히는 용도로 사용되고 style속성을 따로 분리하여 관리함으로써 유지보수 및 가독성에 좋다.

 

CSS로 HTML문서를 디자인하는 방법에는

1. 외부스타일시트

2. 내부스타일시트

3. HTML 태그 내에 스타일 지정 

의 방법이있다.

 

JS

- JS는 콘텐츠를 바꾸고 움직이는 등 페이지를 동적으로 활성화시켜주는 역할을 할 수 있다. 동적 언어는 정적 언어와 다르게 상황에 맞게 그때그때 변화시킬 수 있다. 

 JS는 HTML,CSS를 동원해서 구조적, 시각적 표현등도 담당할 수 있지만 HTML,CSS 만큼 이 역할을 잘 해내지 못하기 때문에 되도록 동적 처리에 집중해야한다.

 

예를 들어 집을 지을 때 골조 전문, 미장 전문, 인테리어 전문 등 효율적인 작업을 위해 분야가 나뉘듯 웹페이지 제작 시에 각 언어의 역할을 대체하지 않도록 주의해야 하고 각 역할이 제대로 수행되도록 구조적, 기술적으로 코드를 최적화시킬 필요가 있다.

 

위에 언급했던 3가지 언어의 역할을 이해하기 쉽도록 표현한 이미지

 

해당 강의는 아래 링크에서 확인할 수 있습니다.

https://bit.ly/3gSdklv

파이썬 웹 개발 올인원 패키지 Online. | 패스트캠퍼스