보충수업 (JAVA)

자바스크립트 기초! 

[변수]

1. 변수란? 

• 변수는 데이터를 저장하기 위한 공간이라고 생각하면된다. 컴퓨터는 우리가 준 데이터를 기억하기 위해 메모리를 사용하고, 변수는 이 메모리에서 데이터를 저장할 수 있는 위치를 나타내요.
• ex) 이름을 기억할 수 있는 변수를 만들고, 그 변수에 이름을 저장하는 거에요. 나중에 언제든지 이 이름을 불러올 수 있어요.

2. 변수 선언하기

• 자바스크립트에서 변수를 선언할 때는 'var, let,const'라는 키워드를 사용해요.
• 'var'는 자바스크립트의 초기부터 사용되던 방법이지만, 요즘에는 'let'과 'const' 주로 사용.
• 'let' 은 값을 변경할 수있는 변수이고, 'const'는 한 번 정해지면 값을 변경할 수 없는 상수에요. 
• ex) 원주율을 나타내는 π 같은 값은 변하지 않기 떄문에 'const'를 사용해 선언할 수 있어요.

※ 'var' =  개발자가 실수하면 변신가능 (요즘에는 쓰지않음)

※ 'const' = 절대 변하지 않는 상수

※ 'let' = (앞으로 변할 수) 바뀔수 있는 변수

var name;
let age;
const π = 3.14;

• 여기서 'var' 와 'let'의 차이는 범위(scope)에 있어요. 
• 'var'는 함수범위( function scope)를 가지고
• 'let'과 'const'는 블록 범위(block scope)를 가집니다. 

3. 변수에 값 저장하기

• 변수를 선언했다면 이제 그 변수에 값을 저장할 수 있어요. ' = ' 기호를 사용해서 값을 할당하면되는데 이 기호를 '할당 연산자' 라고 부르는데, 여기서 중요한건 수학에서의 " 같다 "와는 의미가 다르다
• 여기서는 ' 이 값으로 초기화한다' 라고 이해하는것이 좋습니다.

var name = "zyan";
let age = 29;

 

4. 변수 출력하기

• 저장한 변수를 출력하려면 " console.log() " 라는 함수를 사용
• 이 함수는 변수에 저장된 값을 콘솔창에 출력해줘요.
• 개발할 때는 우리가 코드가 잘 작동하는지 확인하기위해 콘솔에 메세지를 출력하는일이 아주 많습니다.

console.log(name); // "zyan"출력
console.log(age); // 29출력

• 실제로 개발할 때는 ' console.log() ' 를 많이 사용해 코드를 디버깅합니다
• 디버깅이란, 우리가 작성한 코드에서 버그(오류)를 찾고 수정하는 과정이에요.

5. 변수값을 변경해보기

• ex) " firstName "이라는 변수를 선언하고  'John'이라는 값을 할당한 후, 나중에 그 값을 'Jane' 으로 바꿀 수 있어요.
• 이때 ' let ' 이나  ' var ' 로 선언한 변수는 값을 변경할 수 있지만. ' const '로 선언한 변수는 값을 변경할 수 없어요.

let firstName = "zian";
firstName = "zyan"; // 값이 "zyan"으로 변경됨

const birthYear = 1995;
birthYear = 1900; // 오류발생

• ' const '는 한 번 정해진 값을 절대 바꾸지 못하게 하기 떄문에 상수 (constant)라고 부르는 거에요. 실제로 원주율 π 와 같이 변경되면 안 되는 값에 주로 사용돼요.

 

6. 변수 이름 규칙

 

- 변수 이름을 지을 때 몇가지 규칙이 있어요.

• 첫번째, 변수 이름은 숫자로 시작하면 안돼요.
• 두번째, 공백이나 특수문자를 사용할 수 없어요. (단, $와 _는 사용가능해요.).
• 세번째, 의미 있는 이름을 짓는 게 좋아요. 예를들어 나이를 저장할 변수이름을 age 라고 지으면 나중에 코드를 읽을때 이해하기 쉬움.

- 예를 들어, 1name은 안 되지만, first_name이나 $age는 가능.

 

[함수]

1. 함수란? 

• 함수는 여러 번 사용할 수 있는 코드 블록이에요. 같은 코드를 반복해서 쓰기보다 함수로 정의해 두면 필요할 때마다 간편하게 호출해서 사용할 수 있죠.
• 예를 들어, 여러분이 자주 사용하는 수학 계산이 있다고 할 때, 매번 코드를 다시 쓰기보다 그 계산을 함수로 만들어두면 매우 편리해요.

2. 함수 선언하기

• 자바스크립트에서 함수를 선언하는 방법은 여러 가지가 있지만, 오늘은 가장 기본적인 방법을 배워볼게요.

function sayHello() {
   console.log(" 제인이름은 지안입니다!");
   }

• 여기서 ' function ' 은 우리가 함수를 선언할 때 사용하는 키워드에요. 그리고 함수이름 ' sayHello ' 를 정한뒤, 중괄호 {} 안에 함수가 실핼 될 때 수핼할 코드를 적어 넣습니다.

3. 함수 호출하기

• 선언한 함수를 호출하면, 그 함수가 실행되요. 예를 들어, 아까 선언한 ' sayHello ' 함수를 호출하면 "Hello, JavaScript!" 라는 메시지가 출력될 거에요.