[프론트엔드] cs 지식3 - Javascript 상세

1. var와 let 차이점

 => 둘다 변수 선언하는 것으로, var로 선언시 undefined로 값 초기화 하고, let으로 선언시 데이터 값이 없음. 이는 호이스팅 문제로 let을 사용하는 것으로 선호함

 

 

2. 호이스팅

 => 코드 실행 전 변수선언/함수선언을 해당 스코프를 최상단 위로 끌어 올려진 것 같은 현상 (let과 var 차이 예시)

// 변수 선언을 var 키워드로 아래에서 했기 때문에 선언이 끌어올려져서 오류 안남. (호이스팅됨) - 땡
text = 'Hanamon!'; // 선언 없으면 var로 선언한 것과 동일해짐. - 맞음
console.log(text); // 그래서 선언 없어도 콘솔 출력됨. - 맞음 
var text;

 

text = 'Hello'; // 선언 없으면 var로 선언한 것과 동일해짐. - 땡
let text; // 여기서 var 선언을 let으로 변경해준 것임. - 땡

console.log(text) // let 키워드로는 선언이 끌어올려지지 않기 때문에 undefined를 리턴함. - 땡

 

 

 

3. promise

 => 비동기 처리 방식으로 처리 성공시 resolve로 이어가고, 실패시 reject으로 처리함 구조는 axios와 fetch로 동일하게 처리함

 

 

4. Callback

 => 함수 내에 함수를 정의하는 것을 말함, 즉 React에서 함수형 컴포넌트 안에 함수를 정의하여 사용

 

 

5. Javascript 비동기와 동기의 차이

 => 동기는 순차적으로 처리하는 것을 말하며, promise, async~awiat와 같이 비동기로 병렬적 처리를 말하는 것, 주로 비동기 방식은 API 요청 및 처리로 사용한다.

 

 

6. SCOPE

 => 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙, 전역 스코프와 지역스코프로 나누며, 변수의 관점으로 전역 변수와 지역 변수를 가짐

 

 

7. 전역 스코프

 => 코드 어디든 참조가 가능

 

 

8. 지역 스코프

 => 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조

 

 

9. 전역 변수

 => 전역에서 선언된 변수, 어디든 사용 가능

 

 

10. 지역 변수

 => 지역 변수 내 사용 가능, 즉 함수내에 선언된 변수로 사용 가능