[길벗 학습단] 8장, 9장 자바스크립트 (1)

자바스크립트 코드 작성법

html파일과 자바스크립트 파일 연결하기

외부로 연결하기

<body>
  <script src="파일주소"></script>
</body>

주석처리는 한줄짜리는 //, 두줄짜리는 /* 내용 */

변수와 상수

변수: 값이 변하는 수를 저장하고 관리하는 공간

var num = 10 + 20;

// 차례대로 "키워드 식별자 연산자 표현식 세미콜론"

키워드 : 기능이나 역할이 정해진 단어. 변수를 생성할 때는 var 라는 키워드를 썼지만 요즘엔 let을 쓰는 추세 (var와 달리 식별자 중복x, 호이스팅x)
식별자(변수명) : 변수에 이름 붙인 것 (이유: 메모리에 저장한 거 찾아야 하니까)
연산자 : 연산 작업하는 기호
표현식 : 평가되어 하나의 값을 반환하는 식
값 : 표현식의 결과로 도출된 값
세미콜론 : 종료

상수: 변하지 않는 값. const 키워드 사용.

식별자 규칙
1. 식별자에 키워드 x
2. 띄워쓰기 x
3. 식별자 첫글자는 소문자, _, $만 사용 가능
4. (규칙은 아니지만 관용적으로) 영어로 작성, 의미 있는 단어로 작성

자료형 : 자바스크립트에서 쓸 수 있는 데이터의 종류. 기본 자료형, 참조자료형

문자열: ” “나 ‘ ‘로 둘러싸인 값. ” “로 문자열 적었으면 내부에 있는 건 ‘ ‘로 쓰기

문자열 연결 연산자: + 기호
이스케이프 문자 : 웹브라우저가 사용자가 의도한 것과 다르게 문자열을 해석할 때. 문자 열 중간에 작은 따옴표가 있는 경우 역슬래시(\)를 붙이면 일반적인 따옴표로 인식함
템플릿 문자열: 백틱 기호로 문자열 정의. 엔터 누르면 줄바꿈이 적용됨.(이스케이프 안 써도 가능) ${} 문법을 이용해 변수 또는 식을 문자열로 넣을 수 있음.

숫자형: 자바스크립트는 부동 소수점 방식으로 실수를 표현하므로 조심

논리형 : true or false 뿐임

undefined: 변수 할당을 안하면 자바스크립트 내부적으로 상수공간에 임시적으로 데이터를 할당함. 이때 할당되는 값이 undefined임.

null: 변수나 상수를 선언하고 의도적으로 선언한 공간을 비워둘 때 할당

객체

배열: 복수의 데이터를 정의할 수 있는 자료형. 하나의 자료형에 여러 개의 데이터를 정의할 수 있다. 인덱스는 0부터 시작한다. 모든 자료형(문자열, 논리형, 특수 자료형 등 정의 가능)

let studentScore=[80,70,100,60]; // 점수
console.log(studentScore[1]); // 1번 인덱스. 즉 70을 출력하겠다는 뜻

객체 리터럴: { 를 이용하여 값들이 무슨 의미인지 정확히 알 수 있음

let studentScore={
koreanScore:80;
englishScore:70;
mathScore:100;
scienceScore:60;
}
colsole.log(studentScore.koreanScore);

답글 남기기

이메일 주소는 공개되지 않습니다.