0. 개요
웹 기술의 발전으로 단순히 텍스트만 보이던 웹에서
이미지와 영상을 공유하고 게임, 채팅 등 다양한 기능을 수행할 수 있게 되었음
그 기반은 자바스크립트라는 언어 덕분
웹 사이트를 만들고 싶다면 반드시 자바스크립트를 배워야 함
초기에는 근본 없는 언어라는 평을 받아왔으나
계속된 개선으로 2015년부터 좋은 평가를 받기 시작함
단순히 웹 개발에만 사용되던 언어가
모바일 웹, PC 전용 웹, 3D 컨텐츠, 블록체인 등에도 활용하기 시작함
1. 단순 출력 실습 (세미콜론, 주석)
// 15 출력하기
console.log(1 + 14)
console.log(20 - 5)
console.log(3 * 5)
console.log("15")
/* 여러 실행문을 한 줄에 작성하고자 한다면
세미콜론을 사용해야한다 */
console.log(1 + 14);console.log(20 - 5)두 실행문을 연결해서 사용할 때는 반드시 세미콜론을 작성하여 두 실행문을 구분해야한다
예시처럼 개행을 한다면 자바스크립트가 자동으로 세미콜론을 추가해주지만
개행을 하더라도 되도록 작성하는 것이 더 좋다
comment 주석을 작성할 때는 // 또는 /* */ 를 사용하면 된다
2. 자바스크립트 코딩을 위한 설치
VS Code 라는 코드 에디터를 사용할 예정이다
사실 코딩을 해본 사람이라면 대부분 설치되어 있겠지만
혹시 모르니 링크를 남겨두겠다
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
+ 자바스크립트 코딩을 실습해볼 수 있는 HTML 템플릿 코드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<script src="./index.js"></script>
</body>
</html>
'[ Computer Science ] > JavaScript' 카테고리의 다른 글
| [Web/Node.js] node.js 기초 express 기초 (0) | 2024.05.16 |
|---|---|
| [JavaScript] 자바스크립트 기초 5. 형 변환(1) (0) | 2024.02.11 |
| [JavaScript] 자바스크립트 기초 4. 자료형 활용 (number, string, boolean, typeof) (2) | 2024.02.11 |
| [JavaScript] 자바스크립트 기초 3. return문 개념 (1) | 2024.02.11 |
| [JavaScript] 자바스크립트 기초 2. 자료형, 추상화, 변수, 함수, 파라미터 개념 (2) | 2024.02.11 |
| [JavaScript] JavaScript Style Guide, Indentation Setting (1) | 2024.02.11 |