JavaScript

HTML은 웹 문서의 구조를 만드는 마크업 언어
CSS는 웹 문서를 디자인하는 스타일시트 언어
JavaScript는 웹 페이지가 유저와 상호작용할 수 있도록 하는 대표적인 프로그래밍 언어 이다.

1. 변수

컴퓨터와 개발자 사이에 새롭게 규정한 명사

let 키워드를 사용. 값을 할당할 때는 할당 연산자(=)를 사용.

2. 함수

동사를 규정하는 작업

• function 키워드: 함수를 선언하는 키워드.
• countLength: 개발자와 컴퓨터가 약속한 함수의 이름.
• (string): 함수에서 사용할 변수, 외부에서 값을 전달하면 string에 값이 할당되어 함수 내부에서 사용.
• return 키워드: 함수 내부의 코드가 실행된 후 결과를 반환(return)하는 키워드. 함수 내부에서 반환한 키워드를 함수 외부에서 사용할 수 있다.
• string.length: 외부에서 전달받은 문자열의 길이를 의미.

함수명 뒤에 ()를 붙이면 함수를 호출
()안에 값을 넣으면 이 값이 함수 안에서 매개변수 string에 할당됨.

3. JavaScript 실습

1) console.log()를 사용해서 구구단 2단을 출력하기

let i = 1 → 반복을 시작할 때 i를 1로 설정

i <= 9 → i가 9 이하일 때만 반복 실행. 즉, 1부터 9까지 반복

i++ → 반복이 한 번 끝날 때마다 i를 1씩 증가

2) 함수를 사용해서 구구단 출력하기

구구단 결과가 숫자로만 나오는 것을 볼 수 있음.

만약 구구단 형식이 다 나오게 하려면?

백틱() + ${}` = 템플릿 리터럴(문자열 보간)