코드스테이츠 33기 5일차 정리

웹 개발과 HTML & CSS & JavaScript

1.HTML

HTML은 웹 페이지의 구조가 되는 마크업 언어이다.
따라서 HTML운 프로그래밍 언어가 아니다. 그러나 웹 페이지를 구성하는 뼈대가 되는 언어이기 때문에 구조를 잘 구성해 놓으면 개발을 할 때 더욱 직관적인 코드를 작성할 수 있게 된다.
HTML을 잘 짜면 잘 짜 놓을수록 다른사람이 문서를 접할때 쉽게 이해하고 개발할 수 있게 된다.

2.CSS

CSS는 스타일을 담당합니다. 당연히 CSS는 디자인 적인 측면이 강조되어지지만 항상 디자인적인 측면만을 위해 사용되는 것은 아닙니다.

CSS는 컨텐츠의 배치와 위치 (레이아웃 디자인)
텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래피

등의 역할을 수행하며 더 나은 UX를 제공할 수 있습니다. CSS는 기존 웹 페이지에 다른 CSS파일을 적용해 활자 매체로 출판을 할 수도 있거나, 색약이나 장애인이 웹 페이지를 이용할 때 도움을 줄 수도 있습니다.

JavaScript

JavaScript는 로직을 넣는 것을 얘기합니다.
쉽게말해 웹 개발을 집을 짓는것이라 하면 집의 뼈대는 HTML 인테리어는 CSS 그 안에 전등의 로직을 짜는 것을 말합니다.

HTML의 기초

HTML이란?

HTML은 한마디로 tag들의 집합입니다.
tag는 부등호<>로 묶인 Html의 기본 구성 요소입니다.
모든 요소들은 몇몇 예외를 제외하고 부등호로 묶여있습니다.
*self-closing Tag 는 내부에 내용이 없다면 와 같이 사용 가능합니다.

가장 많이 쓰이는 HTML tag

모든 태그를 전부 알 필요는 없으나, 많이쓰이는 태그들은 알아두면 좋습니다.

<div>    Division  - div는 한줄을 차지한다
<span>  Span       - sapn은 컨텐츠 크기만큼 공간을 차지합니다.
<img>   Image      - img는 이미지삽입을 합니다. (닫는 태그가 필요 없음)
<a href ------>    - 링크삽입
<ul> <li> list     - 리스트 삽입 <ol>로 사용 가능 (ordered list)
<input>     	   - 다양한 입렵폼 type : checkbox, text, radio ...
<textarea>         - textarea 는 줄바꿈이 되는 텍스트 박스 입니다.
<button> 	   - 버튼 생성
<p>  	           - pharagraph생성
<section>          - 시멘틱 엘리먼트의 일부이자 구역을 나누기 위하여 사용 div로 사용되기도 하지만 큰 구역을 구분하기위해서는 사용이 지양됨.
<h1>	           - 제목표현

좋은 웹페이지 즐겨찾기