JavaScript 1일차 정리

클라이언트, 서버, 데이터베이스 간단정리 및 활용언어

 

클라이언트 : 사용자가 직접 사용하는 프로그램
( 아이폰 / 안드로이드에서 사용하는 앱 )
[ html , css , JavaScript , Swift , Android ]

서버 : 클라이언트의 요청을 받아서 처리하고 응답(데이터)를 제공하는 것
[ Java - Spring , Phython - DjangoDB ]

데이터베이스 : 데이터를 저장하기 위한 저장공간
[ SQL ]

 

 

밑으로 내리기전 알아두면 좋은 용어들

 

리터럴 : 프로그램에서 값을 표현하는 방법 ( " " : 문자리터럴 ,   [  ] : 배열리터럴 )

 

예약어 : 해당 프로그래밍 언어에서 특별한 목적으로 사용하도록 이미 정해져 있는 키워드

(javascript에서는 let과 var , const 등이 있다)

 

식별자 : 다른 것과 구별하기 위해서 정하는 고유한 이름 ( 변수명, 함수명이 식별자에 해당한다)

식별자 예시

30 <------ 30 정수를 표현한 것
num = 30; <--------- 30 정수를 num이라는 이름을 가진 저장소에 저장했다.
num은 값을 저장하는 저장소의 이름(식별자)이다.

식별자 규칙

1. 식별자 이름으로는 영문자(대,소문자), 숫자, $, _ 를 사용할 수 있다.
2. 숫자로는 이름을 시작할 수 없다
3. 예약어를 식별자로 사용할 수 없다
4. 이름의 시작을 소문자로 해야한다 ( 2단어 이상의 합성어일땐 2번째 단어부터 첫번째 글자를 대문자로 해야한다)

// 숫자로 이름을 시작할 수 없다
1num : 불가능
num1 : 가능

// 예약어를 식별자로 사용할 수 없다
let과 var, const 등을 식별자로 사용할 수 없다

// 이름의 시작을 소문자로 해야한다 ( 2단어 이상의 합성어일땐 2번째 단어부터 첫번째 글자를 대문자로 해야한다)
studentName, priceDiscountRate // 이 표기법을 Camel case. 낙타표기법이라고 한다.

 

프로그램의 작성

 

1. 재료의 준비 : 데이터 혹은 값을 준비

 

    재료 종류

• 문자형 -  '홍길동', "이것이 자바다."
• 숫자형 - 0, 100, 3.14, -10
• 논리형 - true, false (예약어)
• 배열형 - 순서있는 값의 목록 - [ "유", "서", "서담" ]
• 객체 - 이름있는 값의 집합(집합 - 중복을 허용하지 않음)

객체의 예시

{ title : "이것이 자바다.",
  price : 30000,
  discountRate : 0.15,
  soldOut : false }
  
Key : Value로 구성되어 있다

 

재료를 준비한다는 것은 값을 메모리에 저장해 두는 것이다. (프로그램이 실행되는 동안 사용하기 위해서)

메모리에 값 저장하기

 

1 - 1. 변수(메모리에 값이 저장될 저장소)를 만든다.

let : JavaScript에서 변수를 만드는 예약어

let 변수명;

EX)

let korScore;
let engScore;
let mathScore;
let studentName;

 

1 - 2. 생성된 저장소에 값을 저장한다.

변수명 = 값;		
=은 오른쪽의 값을 왼쪽에 대입한다.

EX)

korScore = 100;
engScore = 80;
mathScore = 60;
studentName = "유서담";

 

2. 재료를 사용

값의 출력

EX)

console.log(korScore);
console.log(engScore);
console.log(mathScore);
console.log(studentName);

값의 활용

EX)

let total = korScore + engScore + mathScore;
let average = total/3;

 

3. 최종결과를 출력

console.log(studentName);
console.log(total);
console.log(average);

 

실습한 코드

실습한 코드에 대한 결과값.