자격증 정보세상

초보 프론트앤드 개발 프로그래밍 언어 3가지에 대해서 이야기해보겠습니다.

프론트앤드 개발이란 무엇인가?

먼저 프론트앤드 개발이 무엇인지 알아보겠습니다. 

Front-end는 웹사이트에서 방문자가 보는 사이트의 외형과 기능이라고 할 수 있습니다.

반대되는 개념은 백앤드로서 웹페이지의 서버 쪽이라고 쉽게 이해하면 될 것 같습니다.

세상에는 다양한 종류의 프론트앤드 프로그래밍 언어들이 있습니다.

하지만 초보자라면 어떤 언어를 배워야 할지 막막할 수 있는데요.

가장 기본이 될 수 있는 프론트앤드 개발 프로그래밍 언어 3가지를 알아보겠습니다.

초보자를 위한 프론트앤드 개발 프로그래밍 언어 3가지

1. HTML

HTML은 웹사이트에 있어 표준 개발 언어라고 할 수 있습니다.

Hypertext Markup Language의 약자로 이것이 없으면 사실상 프론트앤드 개발은 불가능하다고 할 수 있습니다.

HTML은 웹 페이지의 구조를 짜는 언어로서 태그를 사용하여 표시해주며, 태그를 이용해서 다양한 기능을 부여할 수 있고, 페이지의 레이아웃을 만드는데 필수적입니다.

HTML은 사용이 간편하며, 다른 언어와 통합해서 사용이 가능하고 여러가지 브라우저를 거의 모두 지원합니다.

2. CSS

CSS는 HTML로 만들어진 웹사이트를 더 효과적으로 꾸미는데 도움을 주는 프론트앤드 개발 언어입니다.

Cascading Style Sheets의 약자로 기존 HTML에서 각 태그마다 인라인으로 꾸미는 것이 아닌, CSS라는 스타일 시트를 참고해서 웹 페이지에 효과를 줄 수 있습니다.

한번에 여러 웹 페이지의 레이아웃을 개발자가 의도한대로 컨트롤 하면서 기존 HTML만 사용하는 방식보다 획기적으로 작업량을 줄여주기 때문에 시간과 비용을 절감하기 위해 꼭 알아둬야 할 언어입니다.

CSS 코드를 짜는 것도 쉽고, 만들어진 CSS를 HTML에 추가하는 것도 매우 쉽습니다.

이러한 CSS 없이는 웹페이지를 독창적이고 스타일리시하게 꾸미기가 힘들 정도입니다.

단, CSS는 브라우저마다 지원하는 정도가 다르기 때문에 작업환경에 맞춰서 사용할 수 있는 것을 잘 선택해야 합니다.

3. 자바스크립트

오래전의 프론트앤드 개발자는 HTML과 CSS만 알아도 됐습니다.

하지만 이제는 자바스크립트까지는 기본적인 시대가 되었다고 할 수 있습니다.

자바스크립트는 1995년 이제는 잊혀진 웹 브라우저인 넷스케이프에서 시작되었습니다.

만들어진지 오래되었지만 여전히 가장 필수적인 웹 개발 언어입니다.

React, Angular, Vue 등등 현재 가장 인기있는 웹 프로그래밍 프레임워크들은 자바스크립트가 기반이 된 언어들입니다.

그러므로 초보자라면 자바스크립트를 배워놓으면 이후 다양한 프레임워크 사용 및 다른 언어들을 배우는데 큰 도움이 됩니다.

프론트앤드 개발에서 자바스크립트가 없이 만들기란 이제 거의 불가능에 가깝습니다.

자바스크립트는 간단하며, 속도도 빠르고, 확장성도 높은 언어입니다.

자바스크립트는 트렌드에 맞게 계속 발전하고 있습니다.

ECMA라고 하는 버전을 사용하고 있으며 현재 가장 최신 버전은 ECMA2019 또는 ES10 입니다.

프로그래밍 언어 배우는 요령 : 만들고 싶은 것을 만들어라

프로그래밍 언어는 처음부터 무작정 배우기에는 쉽지 않은 부분이 많습니다.

그래서 첫장 Hello world만 치다가 그만두는 사람들도 많은데요.

프로그래밍 언어 습득에 있어 끈기와 실습보다 중요한 것은 없는 것 같습니다.

웹 페이지 개발자를 꿈꾼다면, 처음부터 react 또는 vue 같은 언어를 배울수도 있습니다.

하지만, 프로그래밍에 대한 지식이 하나도 없다면 가장 먼저 HTML과 CSS 그리고 자바스크립트를 먼저 배우는 것을 추천합니다.

그리고 책을 보면서 순서대로 하는 것도 좋지만, 만들고 싶은 것을 정하고 그것을 만들기 위해 방법을 찾아가는 것이 성취감도 느낄 수 있고 프로그래밍에 재미를 느끼는 좋은 방법이라고 말씀드립니다.

그 이후 다양한 언어로 확장을 해간다면 유능한 프론트앤드 개발자가 될 것입니다.

2021.03.07 - [프로그래밍] - 블록체인 프로그래밍 입문자 추천 언어와 툴 4가지