개탕 IT FACTORY

HTML,CSS그리고 javascript 본문

Front-end/HTML_CSS

HTML,CSS그리고 javascript

rendar02 2018. 11. 4. 22:52
반응형



HTML과 CSS,자바스크립트 간단소개


1. HTML

HTML은 (HyperText Markup Language) 마크업 언어입니다. 

다른언어와 다르게 태그기반으로 설계가 되었습니다 

지금 제 티스토리 블로그에서 웹 브라우저 개발자도구(F12)를 통해 캡처한 태그들입니다.

HTML은 사실 문서작성을 위해서 제작이 되었습니다 하지만 현재 와서는 웹의 강력함과 편리성에 의해 그 영향력이 많이 커져있는 상태입니다. 


HTML은 초보자도 쉽게 익힐수 있기 때문에 (따로 문법이 있는게 아닌 태그를 알아두면 되기때문)

https://www.w3schools.com/html/

위 URL에 접속하셔서 공부하시면됩니다 (개인적으로 웹사이트 제작시 태그나 CSS,javascript 속성 등 확인할때 많이 쓴곳입니다)


2.CSS

CSS는 Cascading Style Sheets 입니다 쉽게 HTML이 몸자체라면 CSS는 옷이라고 생각하시면 편합니다.


CSS의 간단한 예제입니다. 솔직히 단어 뜻만 이해한다면 어떤것인지 쉽게 알아 보실수 있을겁니다. 

사실 CSS의경우 상속이라고 해서 전체 <p>태그 전체에 넣을지 아니면 특정 p태그에만 넣을지 아니면 id값이 있는 p태그에 넣을지등 

여러가지를 하실수 있습니다.


그리고 중요한건 CSS는 막상 사용하시면 분명 제대로 했지만 잘 안되는 현상이 많이 있습니다. 

그래도 웹사이트를 꾸미는 유일한 수단이기 때문에 웹쪽을 가실분 혹은 프론트엔드,웹 퍼블리셔 쪽으로 가실분들은 필수로 하셔야합니다.



3.JAVASCRIPT

자바스크립트는 객체기반의 스크립트 언어입니다. 최근 스크립트형 언어가 각광받고 있기 때문에 자바스크립트 또한 

개발자들 사이에서는 엄청나게 인기가 좋은 언어이고 최근 React,Vue 등의 자바스크립트 프레임워크(혹은 라이브러리)나 node.js등의 

서버사이드 언어가 발달되면서 인기가 엄청나게 많습니다 


자바스크립트가 어렵냐라는 질문에는 솔직히 어렵다,쉽다를 구분짓지 못하겠네요.

근데 한가지 그렇게 어려운 언어는 아니라고 생각합니다.


단지 자바스크립트는 동기/비동기 구현때문에 애를 먹을뿐 

그리고 자바스크립트를 배워두시면 각종 여러가지 분야로 가실수 있기때문에 초보자한테도 안성맞춤인 언어이긴합니다 


최근 ES5(ECMAScript5) 에서 ES6로 문법 변경사항등이 많이 되어서 


ES5 배우신분들은 ES6에 적응하시던가 다시 배우는 사항이 있죠 (크게 변경된건 아니나 문법적인 변경때문에 공부가 필요)



웹사이트 구축시 필요한 3가지 언어에 대해서 소개시켜 드렸습니다 



추가사항 


추가적으로 웹사이트를 구축하는법을 배우고 싶으신분들은 


생활코딩사이트에서 무료로 "이고잉"님께서 재능기부 형식으로 알려드리니 


참고하세요 


https://opentutorials.org/course/3084/18438


현재 Web N 시리즈 연재중이시고 각 데이터베이스 사용법까지 알려주시고 있으니 시간있을떄 보이시면 


기본적인 컴퓨터 원리랑 함께 배우실수 있습니다 


반응형

'Front-end > HTML_CSS' 카테고리의 다른 글

CSS셀렉터와 요소  (0) 2018.12.26
CSS기본구조  (0) 2018.12.25
HTML의 기본구조 및 태그  (0) 2018.11.17