[Front-End] 웹을 구성하는 요소 (HTML, CSS, JavaScript)

[Front-End] 웹을 구성하는 요소 (HTML, CSS, JavaScript)

디자이너 생활을 할 때 슬쩍~ 어깨 넘어 배운 코드들을 제대로 배워보려고한다.

이게 필요할 줄 알았다면 그 때 제대로 배워둘 걸 그랬다..ㅎ

웹의 구성요소

위 로고는 웹을 구성하는 3대장이다.

1. HTML

정보 제공 및 웹페이지 설계 - 건물의 설계도

HTML의 기본 태그와 요소들은

파이썬으로 데이터 크롤링 하는 것을 설명 할 때, 포스팅 한 적이 있다.

↓↓↓↓

[Python] 파이썬으로 크롤링하기 / 웹 데이터 추출 / 업무자동화 - 1. 크롤링이란 무엇인가? HTML 기본

[Python] 파이썬으로 크롤링하기 / 웹 데이터 추출 / 업무자동화 크롤링이란? 웹상에 존재하는 콘텐츠들을 탐험하고 수집하는 작업이다. 웹상에는 수많은 데이터들이 존재한다. 내가 연구하고자하

eunjibest.tistory.com

2. CSS

디자인과 스타일링 - 인테리어 디자인

3. JavaScript

기능과 효과 - 경비 시스템, 자동 음식물 처리기 등의 기능

참고로 그냥 JAVA와는 완전 다른 언어이다! 이름만 비슷할 뿐!

코린이 였을 때 같은 건 줄 알았다 ㅎㅎ

웹사이트 제작시 고려 사항

1. 웹 표준

웹사이트를 작성할 때 따라야하는 공식 표준이나 기술 규격을 지켜야한다.

잘 지키면 구글링 할 때 사이트가 잘 뜨게 된다.

2. 웹 접근성

장애의 여부와 상관없이 모두가 웹사이트를 이용할 수 있도록 한다.

3. 크로스 브라우징

모든 브라우저나 기기에서 사이트가 제대로 작동할 수 있는 반응형으로 제작.

이렇게 정리하고 보니..

대학생 때 웹디자인 시간에 배웠던 이론인 것같다.

앞으로 이 카테고리에서는

공부하다가 잊어먹을 것같은 HTML, CSS, JavaScript를 포스팅하도록 하겠다.

Eunji's Study