한입 크기로 잘라 먹는 리액트 -Javascript 기본- [인프런]

Javascript 기본

자바스크립트느 자바스크립트 엔진이 실행시킨다.

웹 브라운저 안에 엔진들이 내재되어있다.

 

 

자료형과 형 변환

숫자형 타입

문자열 타입       

백틱을 사용하면 내부에 변수를 사용할 수 있다.

 

묵시적 형변환( 자바스크립트가 알아서 형변환을  한다.)

명시적 형변환 (직접적으로 명시 해줘야한다..)

 

 

연산자

==   (값만 비교)

===    (자료형 까지 비교)

 

널(null) 병합 연산자       ??        양 옆에 (null이나 undefine)과 아닌것  중 아닌걸 반환

 

함수

함수 외부에서 선언된 변수는 함수 내부에서 접근이 가능하지만 

함수 내부에서 선언된 변수는 함수 외부에서 접근이 불가능하다.

함수 선언식

 

 

 

함수표현식& 화살표 함수

함수도 '값'이다 ! 즉, 이름을 지정 안하고 바로 값에 대입해서 사용해도 된다.

함수 표현식

 

 

호이스팅 예시 ( 함수 선언식으로 만들어진 것들은 실행전에 코드 최상단으로 이동, 표현식은 호이스팅 X )

 

 

화살표 함수(함수표현식의 간략버전) 예시

funtion 키워드르 지우고 => 로 바꾸면됨 + 리턴만 한다면 중괄호 와 return  키워드도 제거 가능

 

 

콜백 함수

==> 다른 함수에 매개변수로 넘겨준 함수 !    함수를 값에 담는것( 함수 표현식)

콜백 함수 예시

 

 

 

객체

생성자 방식과 리터럴 방식으로의 객체 생성

괄호 표기법으로 객체에 접근 할때는 문자열 형태로 넣어줘야한다.

 

함수로 객체의 프로터티의 키를 통해 값을 받아올때 괄호 표기법이 유용하다. ( 동적인 파라미터를 전달 받는 상황

 

점 표기법과 괄호 표기법을 사용해서 객체의 값을 추가 및 수정 할 수 있다.

 

객체 선언을 const 로 선언하여도 수정이 된다.

이유 : 프로퍼티를 수정하는 행위는 상수 자체를 수정하는 행위가 아니라 Person이라는 상수가 가지는 객체를 수정하는 행위여서.

 

this 활용 예시

 

 

 

배열

배열 자체도 객체이다. 고로 객체 내장 함수를 사용할 수 있다.

배열은 자료형이 달라도 다 넣을 수 있다.

배열에 값 추가 예시

 

 

 

반복문

배열 및 객체을 순회할 때 매우 유용하다.

Object.keys를 활용한 반복문 예시     Object.values도 있다 !