HTML,CSS,자바스크립트란/프론트엔드학원

안녕하세요 넵플 대장 이컨이행님입니다.

오늘은 HTML, CSS, 자바스크립트에 대해

포스팅 해보려고 합니다.

HTML과 CSS에 대해 아시나요~?

HTML은 뼈대라고 생각하시고

CSS는 그 뼈대를 꾸며주는 거라고 생각해주시면

됩니다~

 

HTML과 CSS, 자바스크립트는 웹개발을 할때

필수로 알아야 하는 언어들이랍니다.

HTML이란

HTML은 웹 문서를 만들기 위해 사용하는

기본적인 웹 언어의 한 종류입니다.

​

HTML은 하이퍼텍스트를 작성하기 위해

개발되었다고해요~

인터넷에서 웹을 통해 접근되는

대부분의 웹 페이지들은 HTML로 작성되지용

​

HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동 등을

정의하는 명령어로 홈페이지를 만들때 쓰인답니다~

​

HTML에서 사용하는 명령어는 태그(tag)라고 하는데

꺽쇠괄호"<>"를 사용하여 타나냅니다.

​

태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나

"img" "br"등의 태그와 같이 시작 태그만으로 그 영향을 타나내는

경우도 있으며, 종료 태그 이름은 슬래시[/]로 시작됩니다.

---

한마디로

HTML은 사용자의 눈에 보여지는 부분들을

작성하는 역할을 하며

웹브라우저에서는 html을 해석해서 사용자에게

보여주는거랍니다.

​

HTML은 오디오, 영상, 문자, 이미지 등의 자료를

표현하고 정렬하기 위한

명령어들의 모음이에요~

HTML을 해석해서 보여주는 역할을 하는게

바로 웹브라우저입니다.

 

CSS란

웹 문서의 전반적인 스타일을 미리 저장해 둔

스타일 시트라고 한답니다.

문서 전체의 일관성을 유지할 수 있고,

세세한 스타일 지정의 필요를 줄어들게 합니다~

​

기존의 HTML은 웹 문서를 다양하게 설계하고

수시로 변경하는데 힘들었는데요~

이점 때문에 만들어진 것이 스타일 시트이고

스타일 시트의 대표적인게 CSS입니다.

​

HTML을 이용해서 웹 페이지를 제작할 경우

전반적인 틀에서 세세한 글꼴 하나하나를

지정해서 변경해주어야 하지만,

웹 페이지의 스타일을 미리 저장해두면

웹페이지의 한 가지 요소만

변경해도 관련되는 전체 페이지의 내용이

한번에 변경되므로 문서 전체의 일관성을

유지할 수 있고

작업 시간도 아주 단축이 된답니다.

---

쉽게 말하자면

CSS의 두개의 S는 스타일시트를

의미하는데

CSS는 스타일들을 모두 모아서

하나로 만들어주는 역할을 하고,

문서를 작성해 놓고나서 디자인을 누르면

자동으로 글자의 크기나

이미지등의 테두리 스타일이 바뀌는 것과 같이

일정한 스타일을

각 태그나 클래스에 적용해서 문서를 작성할 때

적용해 주는

HTML의 부분이라고 이해해주세요~

 

자바스크립트란

HTML은 웹사이트의 구조를 만들고

CSS는 웹사이트가 표시되는 모습을 보여주는거라면,

자바스크립트는 웹페이지에 포함 되어있는

다양한 구성요소들의 동작을 변경할 수 있게 해줍니다.

​

요즘에 볼 수 있는 많은 웹사이트는

어떤 버튼을 클릭했을때 새로운 메뉴들이 펼쳐지며

웹사이트를 쉽게 볼 수 있게 만들어져있는데요~

​

이런 기능들은 모두 자바스크립트에 의해 가능한거며,

웹사이트를 더욱 풍부하고 이쁘게 만들어준답니다.

​

자바스크립트를 이용해서 할 수 있는것들은

엄청나게 많습니다.

-웹사이트에 다른 페이지로 이동할 수 있는 기능을 만든다.

-웹사이트 어디로 들어가면 움직이는 기능을 만든다.

​

자바스크립트를 이용하면 HTML과 CSS 구성요소들을

변경할 수 있기 때문에

배워두면 더욱 실력있는 웹개발자가 될 수 있습니다.

​

이렇게 HTML/CSS/자바스크립트

를 다 배우시면

프론트엔드개발자가 되실 수 있답니다.

 

프론트엔드개발자란

프론트엔드 개발자는

눈에 보이는 화면을 작업하는 개발자랍니다~!

네이버를 예로들면

네이버에 딱 들어가면 보이는 홈페이지를

프론트엔드 개발자가 만드는거랍니다~

​

이렇게 HTML/CSS/자바스크립트에 대해 알아보았는데요~

넵플러스에서는 요 언어들을

국비지원으로 저렴하게

다 배워보실 수 있답니다~

넵플러스의 커리큘럼은

1)HTML/ CSS3웹 접근성과 웹표준

-html문서구조, css역할 웹 사이트 적용

2) HTML태그 활용 기초

-다양한 태그의 종류들과 기본적인 html활용법에 대한 이해

3) CSS활용

-자주 사용하는 css 속성들과 화면을 그리기 위한 css의 이해

4) Javascript

-자바스크립트의 문법기초와 UI동작에 대한 코드 작성 요령

5) JQuery

-JQuery 를 통한 편리한 UI동작 JS코드 작성하기

​

이렇게 나뉘어져 있습니다.

https://neppplus.com/single_frontend02

프론트엔드 웹개발 양성(HTML5,CSS3,자바스크립트,제이쿼리)

전문 강사님한테 배워보시면 확실히 다르실거랍니다~

국비지원으로 저렴하게 배워보실 수 있으니

넵플러스 홈페이지로 들어와보셔서

프론트엔드 외

다양한 국비지원을 구경해보세욥~~