들어가기에 앞서..
오늘은 자바스크립트 기초 이론에 대해서 배웁니다.
기초 이론도 많이 있지만 제가 배운 내용 중 중요하다고 생각하고 몰랐던 사실들을 간단하게 정리합니다 .
오늘은 무엇을 배울까 ?
자바스크립트 용어, 화살표 함수 , 백틱
자바스크립트 용어
강의를 듣거나 공부를 할때에도 자주 등장하는 자바의 용어 일부에 대해서 정리합니다.
자바스크립트 언어 입니다. 다음 언어를 분석합니다.
let num = 10+20;
let : 예약어/ 키워드로 불립니다.
이는 자바스크립트에서 이미 정의 되어 사용되고 있는 단어들입니다.
예시는 let, const, var ,symbol 등등이 있습니다.
num :식별자 로 불립니다.
변수명이나 함수명처럼 어떤 것들의 이름을 지어주는 것입니다.
예약어를 사용할수 없고 숫자가 먼저 나오면 안됩니다.
= , + : 연산자로 불립니다.
어떠한 프로그래밍적 처리를 하라는 의미를 가지고 있는 기호입니다.
10+20 : 표현식으로 불립니다.
값으로 평가될수 있는 자바스크립트 구문이며 연산자와 피연산자가 같이 있습니다.
연산자 : 기호
피연산자 : 값
화살표 함수
함수를 function으로 나타내지만 화살표로 표현할수 있습니다. ES6가 도입되고 생성 되었습니다. 함수를 간략하게 표현할수 있다는 장점이 있습니다.
일반함수의 예 입니다.
Function sum(num1,num2){ return num1+2 nmu2;)
화살표 함수 의 예시입니다.
(Num1,num2) => { return num1+num2;}
화살표 함수는 할당해주기 위해서 함수표현식으로 작성해야 합니다.
일반 함수에서 화살표 함수로 변경하기 위해서는 다음 순서가 있습니다.
1. function과 식별자를 지워줍니다.
(num1,num2){ return num1+2 nmu2;)
2. 화살표를 넣어줍니다.
(Num1,num2) => { return num1+num2;}
3. 호출하기 위해 변수를 할당해준다.
const fun = (Num1,num2) => { return num1+num2;}
추가적 특징
중괄호를 지우고 return 을 지워서 간단하게 작성이 가능합니다.
(Num1,num2) => num1+num2;
전달하고자 하는 매개변수가 없다면 소괄호만 넣어도 됩니다.
Const PrintPie = () =>3.14;
객체를 반환하고자 할때는 소괄호를 사용합니다.
Const getObject = () => ({name:”dd”, age:20});
함수안에 함수도 넣을수 있습니다.
Const outer = (x) => () => x*x;
위의 식과 아래 일반함수 식은 같다
일반함수 식
Function outer(x){ return function inner(){ return x*x;}}
템플릿 문자열
ES6에서 추가된 새로운 문자열 선언 방식입니다.
esc아래에 위치하고 숫자키 왼쪽, 그리고 탭(tab)키 위쪽에 있는 '백틱'을 사용합니다.
-특징-
큰따옴표 작은 따옴표가 같이 혼합되어 있을때 백틱을 사용하면 정상적으로 코드를 실행해준다.
또한 백틱은 ${}를 통해서 문자에 변수 값을 대입시킬수 있다.
