오늘은 자바스크립트 친숙해지기 위한 아주아주 간단한 것들만 다루는 실습을 하겠습니다.
자바스크립트는 웹 사이트에 움직이는 효과를 줄 때 사용하는 언어로, 대표적인 '팝업창'이 있습니다.
웹 문서 안에서 <script>태그로 작성하거나, 외부 스크립트 파일로 연결해서 작성할 수 있습니다.
저는 우선 크롬 주소창에 about:blank 입력 후, 마우스 우클릭-검사-Console로 들어와 연습했습니다.
VS code에서 html의 <body>태그 아래에서도 똑같이 연습할 수 있습니다.
자바스크립트에서는 세미콜론(;)으로 문장을 구분합니다.
1. 변수 선언
변수는 아래 그림과 같이 하나씩 선언할 수도 있고, b와 c 처럼 한번에 여러 개 선언할 수 있습니다.
또한 변수 선언과 값 할당을 따로, 또 같이 할 수도 있습니다.
2. 숫자형과 문자형
python과의 차이점 중 하나는 숫자형입니다. python에서 숫자형은 정수와 실수를 구분하지만, 자바스크립트에서는 숫자형은 정수, 실수 구분 없이 같은 숫자형으로 취급합니다.
문자형은 마찬가지로 큰 따옴표(" ")나 작은 따옴표(' ')로 묶어 표현합니다.
3. 논리형
참(true)과 거짓(false)의 값을 표현하는 자료형입니다. python에서는 가장 앞글자가 대문자로, True, False로 표현하는 것과 다르게 자바스크립트에서는 모두 소문자로 나타냅니다.
4. 배열
하나의 변수에 값을 여러 개 저장할 수 있습니다. index는 0부터 시작합니다.
5. 산술 연산자
python과 비슷하지만 낯선 것도 있네요. 아까 1.에서 변수와 값을 a = 1, b =4라고 설정했었습니다.
a++는 연산식을 먼저 실행한 후, a값이 1 증가됩니다. 반대로 ++a는 변수값이 1 증가 후, 연산식을 실행합니다.
6. 할당 연산자
'웹 개발 실습 > Django' 카테고리의 다른 글
| [Django]_ToDoList 만들기 (2) 프로젝트 개발하기 (0) | 2023.07.29 |
|---|---|
| [Django]_ToDoList 만들기 (1) 프로젝트 실행하기 (0) | 2023.07.26 |
| [실습하기] html로 js 연습 : alert문, confirm문 (0) | 2023.07.23 |
| [실습하기]HTML, CSS, JS (3) JS의 기본 문법-문자열 만들기 (0) | 2023.07.23 |
| [실습하기]HTML, CSS, JS (1) (0) | 2023.07.22 |
