일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- html 이미지 표출
- 산술연산자
- js 연산자
- CSS
- html 엔터 입력
- 느슨한 비교
- html 요소 속성
- bold처리
- fullpage
- nvm
- vue3 fullpage
- html
- React
- 엄격한 동등비교
- javascript
- html link
- 연산자
- vue fullpage
- js
- html 색상적용
- css 색상변경
- css 적용방법
- Linux
- map함수
- em rem 차이
- css 길이단위
- html 화면 이동
- node
- form 주요 태그
- vue
- Today
- Total
dev_or_alive
Javascript 개요 본문
JavaScript(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어로 동적인 웹 페이지를 만들기 위해 빠져서는 안될 요소입니다.
HTML로는 뼈대를 구성하고 CSS를 이용하여 외관을 꾸며주며 Javascript를 이용하여 동적인 페이지를 만들 수 있습니다.
Javascript가 없었더라도 웹 페이지를 구성할 수는 있지만,
사용자에 의해서 동적으로 동작하는 웹이 아닌 단지 문서나 책을 읽는다는 느낌의 웹 페이지만 구성할 수 있었을 것입니다.
역사
초창기에는 ‘Mocha’와 ‘LiveScript’라는 이름으로 불렸지만 얼마 후 Javascript라는 이름으로 개명 후 현재까지 이어지고 있습니다.
이제 막 개발에 입문하였거나 비개발자의 경우 Java와 Javascript를 혼동하는 경우가 있는데
이름만 비슷할 뿐 전혀 다른 언어로 생각하셔야 됩니다.
Javascript는 당시 정적인 HTML로 구성되어 있던 웹을 인터랙티브하게 만들기 위하여
1995년 넷스케이프에서 Brendan Eich가 단기간에 개발한 스크립트 언어입니다.
얼마나 단기간이냐면 설계를 10일만에 했다고 하는데 이로인한 다른 언어에 비해 갖는 단점들이 존재하기도 합니다.
왜 사용하는가?
- 웹 브라우저 호환성: 모든 주요 웹 브라우저에서 기본적으로 지원되어, 별도의 플러그인 없이 동적인 웹 페이지를 구현할 수 있습니다.
- 인터랙티브한 사용자 경험: HTML과 CSS와 함께 사용되어, 사용자와의 상호작용이 풍부한 동적 콘텐츠를 쉽게 만들 수 있습니다.
- 풀스택 개발: Node.js를 통해 서버 사이드 개발에도 활용할 수 있어, 클라이언트와 서버 양쪽에서 동일한 언어를 사용할 수 있는 장점이 있습니다.
- 활발한 생태계와 커뮤니티: React, Angular, Vue 등 수많은 프레임워크와 라이브러리, 그리고 패키지 매니저를 통한 풍부한 자료와 도구들이 존재하여 개발 생산성을 높여줍니다.
- 학습 접근성: 문법이 비교적 간단하고, 다양한 온라인 자료와 커뮤니티 지원 덕분에 초보자도 쉽게 배우고 활용할 수 있습니다.
사용 범위
- 클라이언트 사이드 웹 개발: 웹 페이지의 동적 요소 및 사용자 인터랙션 구현에 주로 사용됩니다.
- 서버 사이드 개발: Node.js를 활용하여 API 서버나 백엔드 애플리케이션 개발에 사용됩니다.
- 모바일 앱 개발: React Native, Ionic 등 하이브리드 프레임워크를 통해 모바일 애플리케이션 개발에도 적용됩니다.
- 데스크탑 애플리케이션: Electron 같은 프레임워크를 이용하여 크로스 플랫폼 데스크탑 애플리케이션 개발에도 활용할 수 있습니다.
- 게임 및 IoT: HTML5와 WebGL을 활용한 웹 게임 개발이나, 경량 스크립팅 언어로서 IoT 디바이스에도 사용되는 등 활용 범위가 매우 넓습니다.
마무리
웹을 개발한다면 필수로 배우게 되는 Javascript에 대해서 간략히 알아보았습니다.
JS가 없었더라면 아무런 상호작용이 없는 정적인 웹 페이지만을 보게되었을 것이라 생각하니 JS가 얼마나 중요한지 알게 되었습니다.
또한 웹 개발에만 국한되는것이 아니라 백엔드, 모바일, 데스크탑 애플리케이션 등 범용적으로 사용할 수 있는 JS를 익힌다면 여러 분야에서 활용할 수 있을 것으로 보입니다.
'Web Programming > JS' 카테고리의 다른 글
[JS][자료형] 객체(Object) 기본 (0) | 2025.03.16 |
---|---|
[JS][자료형] 배열(Array) 기본 (0) | 2025.03.16 |
[JS][자료형] 자료형 기본 (0) | 2025.03.03 |
[JS] 변수와 상수 (0) | 2025.03.03 |
JS 코드 실행하기 (0) | 2025.03.03 |