Part1. 시작하기
Javascript의 특징
html, css와 함께 웹을 만드는 데 사용 문법이 쉽고 웹 브라우저에서 바로 실행 가능
특별한 개발도구가 필요하지 않다는 장점을 가짐.
alert 명령어
브라우저에서 경고메세지 출력할 수 있는 명령어. (경고창을 띄우는 용도로 쓰임)
1-1 실습 환경 만들기
Javascript코드
alert("Hello world");** 명령어의 끝에는 세미콜론으로 마무리
해당 코드를 로드하는 HTML 파일 'index.html'
<html>
<head>
<meta charset="utf-8">
</head>
<body> #이후에 문장을 적어 웹사이트에 띄울 수 있음.
This is a basic HTML page
</body>
</html>index.html 실행결과
** 새로고침 후 결과 확인 가능
1-2 Developer Console (개발자 도구)
- 웹 브라우저에 내장된 도구( 웹 페이지를 디버깅하고 테스트할 수 있도록 도와줌.)
- HTML, CSS, JavaScript의 동작을 실시간으로 확인하고 수정할 수 있음.
활성화 방법
- 브라우저 우측 상단 메뉴 클릭
더보기→개발자 도구선택
Console 탭
javaScript 명령어를 입력하고 실행하는 공간.
- 직접 코드를 입력하여 실행 (
>기호) - 실행 결과를 바로 확인 (
<기호)
console.log() 명령어
괄호 안에 입력한 내용을 콘솔 창에 출력할 수 있음
console.log("Hello World!!!");Part2. 변수
2-1 변수 선언과 초기화
변수
- 데이터를 저장하고 필요할 때 가져올 수 있는 메모리 공간
- 프로그램 실행 중 값을 변경하거나 활용할 수 있음(상수의 반대)
변수 선언
JavaScript에서 변수 선언 방법
var 변수;
let 변수;
const 변수;변수 초기화
선언한 변수에 처음으로 값을 넣는 것(저장하는 과정)
=대입연산자 : 값을 저장할 때 사용
var 변수1; #선언
변수1 = 0; #초기화
var 변수2=0; #선언과 동시에 초기화해줌** 쉼표(,)를 사용하면 여러 변수를 동시에 만들거나 값을 넣을 수 있음.
prompt() 명령어
var name=prompt("이름을 입력해 주세요");** prompt()를 사용하면 사용자 입력을 받을 수 있으며, 입력받은 값을 변수에 문자열(string) 형태로 저장하는 기능을 함.
2-2 변수의 활용
변수 값 사용
변수를 선언하고 값을 저장하면, 변수 이름만 사용해 해당 값을 읽고 활용할 수 있음
console.log() 활용
여러 값을 출력할 수 있으며, 쉼표(,)로 구분하여 사용 가능
console.log("Hello", "World"); 변수의 활용 - 실습
var message="출력될 문자열입니다.";
console.log(message);Part3. 자료형
3-1 기본자료형
- 자료형이란? 변수에 저장할 수 있는 값의 종류
자료형의 종류
- 숫자형
number
정수와 실수를 포함하는 자료형 - 문자열형
string
문자나 문장의 집합을 나타내는 자료형
""or''로 표현함. - 논리형
boolean
'참'또는 '거짓'을 표현하는 자료형
var a = true;typeof 명령어
변수의 자료형을 확인하는 명령어.
typeof(변수명) 형식으로 사용.
파트3-1 실습
typeof 명령어를 이용하면 변수의 자료형을 알 수 있음.
var a=100;
console.log(a,typeof(a)); // 100 "number"라고 출력 추가적으로 찾아본 내용
다양한 콘솔 명령어
console.error("에러 메시지");: 에러 메시지 출력
console.warn("경고 메시지");: 경고 메시지 출력
console.clear();: 모든 내용 삭제
출처: https://kggo.tistory.com/189
