자바스크립트의 정의는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어
먼저 HTML 란?
HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다.(특히 정적 변화가 없다)
93~94년도 초기 문서를 만들고 단순 링크로 여러 정보들을 연결하여 처리할수 있도록 만들어진 언어이고 .htm, .html 확장자 포맷을 가지고 있습니다.
그럼 JavaScript는 왜 생겨났을까요?
정적인 페이지를 동적으로 변화할수 있도록 만들어진 프로그램 언어입니다.
참고로 Script란 뒷말은 별도 컴파일이 없이 web브라우저에서 실행시 알아서 번역하도록 설계되어 단순 텍스트로만 만들어도 되도록 만들어졌습니다.(컴파일러가 필요없음)
Javascript의 기본
<script> --> JavaScript의 시작
.. JavaScript 프로그램 코딩
</script> --> JavaScript의 종료test.html파일을 만들어 아래같이 넣고 실행해보자
ㅁ test.html 파일 내용
<script>
alert("test");
</script>==> 결과
ㅁ JavaScript 시작전 기초준비작업
- 한줄주석 : 중간중간 개발자가 관리적인 내용으로 등록
// 한줄주석
/*
여러줄 주석
*/
- JavaScript의 시작종료
<script> 코딩</scirpt>
- 명령어
alert(" 내용"); -> 팝업
ㅁ 변수정의
변수(variable)는 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’ 입니다. 온라인 쇼핑몰 애플리케이션을 구축하는 경우 상품이나 방문객 등의 정보를 저장할 때 변수
부연설명 : ‘상자’ 안에 데이터를 저장하는데, 이 상자에는 특별한 이름표가 붙어 있다고 상상해 봅시다. 이렇게 하면 '변수’를 좀 더 쉽게 이해할 수 있습니다.
예를 들어, 변수 message는 message라는 이름표가 붙어있는 상자에 "Hello!"라는 값을 저장한 것이라고 생각할 수 있습니다.
상자 속엔 어떤 값이든지 넣을 수 있습니다.
원하는 만큼 값을 변경할 수도 있습니다.
값이 변경되면, 이전 데이터는 변수에서 제거됩니다.
※ 명령규칙 : 예약어 불가(var, let , return 숫자시작... 등등)
중간에 하이픈 불가
ex) myName (true) <-> my-Name(false)
변수의 선언예시
let userName; //시작은 소문자 , 구분에 대문자
let test123; //뒤에 숫자 가능
let userName = "10"; //초기값까지 설정변수명은 사람이 알아볼수 있는 언어로 사용하자!!
ㅁ 상수
한번정하면 변하지 않는 수
const pi = 3.14; //불변 변하지 않는값을 지정시 변수처럼 바꿀수도 없음ㅁ 자료형
자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있습니다. 따라서 변수는 어떤 순간에 문자열일 수 있고 다른 순간엔 숫자가 될 수도 있습니다.
// no error
let message = "hello";
message = 123456;요약
자바스크립트에는 여덟 가지 기본 자료형이 있습니다.
- 숫자형 – 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용합니다. 정수의 한계는 ±253 입니다.
- bigint – 길이 제약 없이 정수를 나타낼 수 있습니다.
- 문자형 – 빈 문자열이나 글자들로 이뤄진 문자열을 나타낼 때 사용합니다. 단일 문자를 나타내는 별도의 자료형은 없습니다.
- 불린형 – true, false를 나타낼 때 사용합니다.
- null – null 값만을 위한 독립 자료형입니다. null은 알 수 없는 값을 나타냅니다.
- undefined – undefined 값만을 위한 독립 자료형입니다. undefined는 할당되지 않은 값을 나타냅니다.
- 객체형 – 복잡한 데이터 구조를 표현할 때 사용합니다.
- 심볼형 – 객체의 고유 식별자를 만들 때 사용합니다.
typeof 연산자는 피연산자의 자료형을 알려줍니다. --> 나중에
- typeof x 또는 typeof(x) 형태로 사용합니다.
- 피연산자의 자료형을 문자열 형태로 반환합니다.
- null의 typeof 연산은 "object"인데, 이는 언어상 오류입니다. null은 객체가 아닙니다.
이어지는 챕터에선 원시 자료형에 대해 학습해 볼 예정입니다. 원시형에 어느 정도 익숙해지면 객체형에 대해 알아보도록 하겠습니다.
여기 1~18번이 프로그램 기본으로 꼭 해야될듯
https://ko.javascript.info/strict-mode?map