웹 개발의 기본 HTML, CSS는 무엇일까?
웹 개발자가 되기 위해서 필수적으로 알아야 하는 HTML,CSS,Javascript는 무엇일까?
우리가 코딩을 하기 앞서서 웹 개발자로서 알아야하는 3가지가 있습니다.
너무 길면 지루하고 재미도 없으니 간단하게 html, css, javascript에 대해서 알아보도록 하죠!
HTML (Hyper Text Markup Language)
HTML은 무엇인가?
HTML 은 웹페이지를 위한 마크언 언어입니다.
(언어라고 해서 우리는 HTML을 프로그래밍언어 라고 하지 않아요! 왜냐하면 마크 업 언어는 정적인 언어이기 때문이에요) 우리는 HTML을 가지고 Button, Input 등 다양한 태그를 사용해서 프로젝트에 뼈대를 구축하는 거예요.
간단하게 HTML 태그의 구조에 대해서만 알아볼게요
( HTML에 대한 구조는 다음 HTML을 사용할 때 적도록할께용 ~ )
그렇다면 뼈대를 구축하고 나서는 디자인을 해줘야겠죠?
그럴 때 쓰는 것이
CSS (Cascading Style Sheets)
CSS는 무엇인가?
CSS는 HTML와는 달리 마크업 언어도 아닌 Style Sheet언어입니다. HTML와 똑같이 프로그래밍 언어는 아닙니다.
(굉장히 중요!! : CSS를 사용하기 전에 필수적으로 HTML은 알고 넘어가야 합니다. )
CSS는 HTML의 태그들을 꾸며주는 역할을 담당하고 있어요. 없다면 뼈대만 있는 프로젝트는 이쁘지 않고 웹 사이트 자체는 복잡하고 어려워 보여 사람들의 접근이 어려울 거예요...
angular 프레임워크를 사용해서 개발한 프로젝트였는데 왼쪽이 css를 사용 오른쪽이 사용하지 않았을 때인데 차이가 분명하죠? 저라면 왼쪽에 더 눈에 들어오네요! (나만 그런 건 아니겠지...?)
(2~3년 전 과제예요...! 못 만들었지만 욕하지 말아요.. 피드백은 좋아요..ㅎ)
이제 꾸몄으니 프로젝트에 여러 기능을 넣을 차례예요 코딩의 꽃 웹 개발자라면 잘해야 하는! js에 대해서 알아보도록 하죠!
JS (javascript)
javascript는 무엇인가?
웹 개발자의 꽃이라고 생각하는데요. 바로 자바스크립트입니다. 자바스크립트는 길게 알아봐야 하는데 다음에 알아보고 간단하게만 알아보도록 할게요. (길면 재미없음)
앞에 나온 HTML, CSS는 둘 다 프로그래밍 언어가 아니라고 했지만 javascript 객체 기반의 스크립트 프로그래밍 언어예요.
(웹이나 앱 개발자들이 주로 사용하고 있는 언어예요. 필수적이죠)
javascript를 통해 웹페이지 생동감을 불어넣기 위해서 사용되고 있어요 예를 들어 Button을 누르면 팝업창을 띄우는 기능, 계산을 하는 기능 등 여러 가지 기능들을 javascript를 통해 추가하는 거죠.
javascript는 깊게 알아봐야 하기 때문에 javascript에 대해서도 나중에 한번 정리해서 올리도록 하겠습니다.
만약에 설명이 부족하거나 예시가 이해가 안된다면 댓글로 남겨주세요..!
바로 수정하도록 하겠습니다. 오늘도 제 글을 읽어주셔서 감사합니다!