unit2 [javascript기초]

1 코드 기초 

StackBliz로 코드 실행

1. terminal에서 node index.js 입력

2. node 입력하면 REPL사용

종료할려면 .exit 입력

 

용어정리 

*REPL : 컴파일 과정 없이 즉석에서 코드를 입력해 결과를 바로 알수 있는 방식

 

2 타입

number타입 :숫자로 정수와 실수 모두 표현

 

Math 내장 객체 

Math.floor() : 괄호 안의 숫자를 내림하여 반환

Math.ceil() : 괄호 안의 숫자를 내림하여 반환

Math.round() : 괄호 안의 숫자를 반올림하여 반환

Math.abs() : 괄호 안에 숫자를 절대값을 반환

Math.sqrt() : 괄호 안에 숫자의 루트값을 반환

Math.pow() : 괄호 안에 첫번째 숫자를 밑,두번째 숫자를 지수인 숫자로 반환 

 

string타입 : 인간의 언어,자연어를 표현하기 위한 데이터 타입

따옴표 ' , 쌍따옴표 " ,백틱 ` 으로 감싸면 됨 

*백틱으로 만든 문자열은 줄바꿈도 가능 

 

문자열의 lenth속성 :문지열의 길이 확인 

'안녕'.length 

 

문자열 주요 메서드 

toLowerCase() : 문자열을 소문자로 변경

toUpperCase() : 문자열을 대문자로 변경

concat() :문자열 이어붙임

slice() :문자열 일부 자름

 

indexof() : 문자열 내에 특정 문자나 문자가 몇번째 위치하는지 확인

includes(): 문자열 내에 특정문자나 문자가 포함되어있는지 확인 

 

Boolean타입 :사실관계 구분하기 위한 타입 

falsy 값

false 

0 

-0

0n

""

''

``

null

undefined

NaN

 

비교연산자

두값이 같은지 다른지 확인할때 유용

 

=== ,!==  :같으면 True 다르면 false(JavaScript)

 

==,!= " *대체로 타입이 달라도 값이 같으면 true , 다르면 false(다른 프로그래밍 언어) 권장 X 

 

논리연산자

두 값 간의 논리 관계 확인

|| :논리합(or)

&&:논리곱(and)

!: 부정(not)

 

3 변수

변수의 선언과 할당

변수: 특정 데이터에 이름을 붙임 

 

let num; //변수 선언

num = 5; //값의 할당

let num = 5; //변수 선언과 값을 할당을 동시에 할수 있음

 

아무것도 할당하지 않는 변수: undefined 자동으로 할당 , *초기화

let variable;  

console.log(varable) //undefined

 

값의 재할당

let name = 'sy';

name = 'ysy'; 재할당

 

재할당 불가(상수)

const키워드 사용하면 재할당 금지

 

var는 let과 const 등장하기 전에 사용되었던 변수 선언 키워드

여러 단점들로 var는 지양한다.

 

네이밍 규칙

식별자는

문자,숫자 ,언더스코어(_), 달러기호($)를 포함

특수문자제외한 문자,언더스코어(_),달러기호($)로 시작, 숫자시작(X)

예약어는 식별자로 사용X

변수의 존재 목적을 이해할수 있도록 의미 명확히 표현

 

네이밍 컨벤션

카멜 케이스 : 첫 단어의 첫문자 소문자 , 그 이후에 연결되는 단어의 첫문자는 대문자로

let firstName;

 

스네이크 케이스: 단어와 단어 사이에 언더스코어(_)를 사용

let first_name

파스칼 케이스:단어의 시작을 대문자로 작성

let FirstName

 

템플릿 리터럴

백틱을 사용하는 방법

 

*템플릿 리터럴 내부에 ${}를 사용하여 변수를 삽입 

이때, 문자열이 할당되지 않는 변수도 문자열로 취급

let a = 'a';
let b = 1;
let c = 'sy';
console.log(`${a} ${b} ${c}`); // 'a 1 sy'

공백 삽입 '' 사용보단 템플릿리터럴을 사용하는 것이 가독성이 좋다.

 

4 .조건문

동치연산자(===) : 피연산자 동일하면 true 동일 X false

 

비교연산자(>,<,>=,<=) : 피연산자 값 비교

 

논리연산자(&&,||) 

 

부정연산자(!)

 

삼항조건 연산자 : 1. 조건식 ? 참이면 실행 : 거짓일때 실행

 

5. 반복문

for문

for(초기값; 조건삭; 증감식({

}

 

문자열과 반복문

str = sy

 

str[0] // 's'

str.indexOf('s') //0 

 

while문

while(조건식){

}

 

do..while문

do{

   최소 한번은 실행

} while(조건문)

 

6. 함수

함수 정의

 

함수선언문

함수 선언

function sy(){

   console.log('so');

};

 

함수표현식

변수에 함수 할당

let sy = function(){

   console.log('so')

};

 

함수호출

함수 선언문과 함수표현식은 함수 호출이 같다.

sy();

 

매개변수와 전달인자

fuction sy(h){ //h는 매개변수

    console.log(h);

}

sy(2); //2는 전달인자

 

전달인자가 매개변수보다 적거나 많으면 순서대로 전달되고 나머지는 undefined로 초기화되어있다.

 

 

return문

값을 반환하여 종료