티스토리 뷰
HTML(hyper text markup language, makeup means "content")는 브라우저에게 웹사이트의 content가 어떻게 구성되어 있는 지 설명할 때 사용한다.
오직 HTML만이 브라우저에게 content가 어떻게 구성되었는지에 대해 설명할 수 있다.
CSS (Cascading Style Sheets) - HTML + CSS 둘은 필수 불가결 관계이므로 같이 써야한다.
-> 웹페이지를 만들 때 무조건 2언어를 사용해야한다는 것이라기 보다는 CSS를 사용하려면 HTML코드가
필요하기 때문에 필수 불가결한 관계라고 해석함
CSS는 browser에게 웹사이트의 그 content가 어떻게 보여야하는지에 대해 알려준다.
e.g.) HTML - "browser야, 그건 title이야, 이건 image야"
CSS - "browser야, 그 title은 녹색이어야해 , 그 image는 rouded edge여야해"
HTML이 뼈대라면 CSS는 근육이라고 생각하면 됩니다. Javascript는 뇌입니다. 웹사이트에서는 뇌가 꼭 필요한 것은 아니지만 있으면 좀 더 복잡한 효과를 줄 수 있습니다. 즉 웹페이지의 필수 구성은 HTML이고 CSS JavaScript를 통해
웹페이지를 다채롭게 만들어주는 것이라고 해석하면 될 거 같네요
JavaScript -interactivity를 위한 언어 (웹사이트를 동적으로 만들어주는 언어)
우리가 배울 큰 언어 3개 HTML, CSS, JavaScript 3가지 언어 중에서 프로그래밍 언어는 JavaScript뿐입니다.
폴더명과 파일명 작성tip : vscode를 사용하기 전에 가장 중요한 것은 폴더명과 파일명은 무조건 소문자로 작성해줘야 합니다. (always lowercase!!)
'Frontend > CSS, HTML' 카테고리의 다른 글
[CSS]#4 Transformations (0) | 2021.09.15 |
---|---|
[CSS]#3 Transition (0) | 2021.09.14 |
[CSS]#2 Colors and Variables (0) | 2021.09.14 |
[CSS]DAY7 -Pseudo Selectors (0) | 2021.09.13 |
[CSS]DAY6 -flex, class, border 사용하기 (0) | 2021.09.11 |
- Total
- Today
- Yesterday
- nvm 설치순서
- && 셸 명령어
- tilde caret
- grid flex
- reactAPI
- 원티드 프리온보딩 FE 챌린지
- text input pattern
- 틸드와 캐럿
- 타입스크립트 장점
- 형제 요소 선택자
- 항해99추천비추천
- 프리온보딩 프론트엔드 챌린지 3월
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- is()
- getServerSideProps
- 원티드 3월 프론트엔드 챌린지
- Prittier
- float 레이아웃
- 항해99프론트후기
- 항해99프론트
- getStaticPaths
- 원티드 FE 프리온보딩 챌린지
- ~ ^
- 프리렌더링확인법
- aspect-ratio
- 부트캠프항해
- fs모듈 넥스트
- 타입스크립트 DT
- nvm경로 오류
- D 플래그
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |