전공자이던 비전공자이던 웹 개발자가 되려면
Front-end와 Back-end라는 말을 들었을 겁니다.
쉽게 말해 Front-end란
화면 앞단에 보이는 부분(사용자,고객이 웹 또는 모바일을 이용할 때 보이는 화면)을 말하고,
그와 반대로 Back-end는
화면 뒷단에서 이루어지는 서버측(데이터베이스 접근 등등) 개발 분야입니다.
오늘 다뤄보고자 하는 JavaScript는 프론트엔드에 해당되니 이에 관해서만 얘기하고자 합니다.
● JavaScript 란?
자바스크립트(JavaScript)란
객체 기반의 스크립트 프로그래밍 언어입니다.
이 언어는 웹 브라우저 내에서 주로 사용하며,
다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다.
또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다.
쉽게말해 프론트엔드에서도 사용되지만 백엔드에서도 사용이 될 수 있다는 점입니다.
● JavaScript의 장점
그렇다면 왜 자바스크립트를 중요시하는 기업이 많아지고 있냐?
다음의 장점들을 살펴봅시다.
○ 프론트엔드에서 사용되는 유일한 언어
-> 자바스크립트가 프론트엔드에서 쓸 수 있는 유일한 언어이기 때문입니다.
○ 별도의 다운로드가 필요없음
-> 자바를 사용하려면 java, jdk 등을 다운로드 받아야하고,
파이썬을 사용하려면 python을 내 컴퓨터에 설치해야 합니다.
반면 자바스크립트는 별도의 설치가 필요 없습니다.
○ 반응형 웹사이트 구축
-> 자바스크립트를 사용하면
기존의 HTML, CSS로 만들 수 없던 반응형 웹사이트(클릭 시 애니메이션 동작 효과 등등)
를 구축할 수 있습니다.
● JavaScript로 만든 사이트
○ Threejs-journey
위 사이트는 3D 그래픽의 도움을 받아 만든 웹사이트입니다.
실시간으로 사물들이 움직이고,
마우스로 이곳저곳 클릭 시 그에 따른 다양한 반응들이 나오고 있죠.
링크 : https://threejs-journey.com/
Three.js Journey — Learn WebGL with Three.js
The ultimate Three.js course whether you are a beginner or a more advanced developer
threejs-journey.com
○ Github
깃허브 홈 화면입니다.
아래 링크를 클릭하면 위와 같이 깃허브 홈 화면이 나오는데요.
화면 우측에 있는 지구본이 돌아가는 애니메이션이 실행됩니다.
GitHub: Where the world builds software
GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...
github.com
웹 개발자,
특히 프론트엔드 개발자가 되기 위해선 자바스크립트가 필수 언어로 꼽히는데요.
앞으로의 포스팅에선 자바스크립트 기초부터 자바스크립트 심화 과정까지 다뤄보고
또 자바스크립트로 웹 사이트를 제작해보려 합니다.
