리액트 심화버전 W.A

리액트에서 각 페이지 컨텐츠에 맞는 미리보기(사이트 이미지, 사이트 설명 등)를 띄워주려면 어떻게 해야할까요?

1. 메타태그 중 오픈그래프 태그를 페이지에 맞게 조절해준다.

2. SEO 검색봇이 해당 메타태그를 읽어 갈 수 있도록 SSR 혹은 pre-rendering 처리를 해준다.

 

리덕스에서 미들웨어 청크의 역할은 뭘까요?

• 액션 객체를 dispatch 하는 대신 함수를 dispatch 할 수 있도록 해준다.
• dispatch 한 함수는 dispatch, getState, 그외의 직접 설정한 값을 받아 사용 할 수있다.
• 비동기 처리 등에 사용 할 수 있다.
• 비동기란 "나 이거 할 동안 시간 좀 걸리는데 다른거부터 하고있어" 라는 거라고 생각하면 될듯하다. (나만의 해석)

프로미스는 정확히 말하면 비동기가 아닙니다. 비동기와 프로미스는 각각 무엇일까요?

• 비동기는 요청을 보내고 해당 요청에 대한 응답을 기다리는 대신 다음 동작을 실행하는 방식
• 프로미스는 비동기 처리에 사용되는 객체 (비동기 자체는 아님)

TDZ(Temporal Dead Zone/일시적 사각지대)란?

• 변수를 할당 할때는 2가지의 단계를 거침,
• 선언단계 : 변수 이름을 등록해서 JS 엔진에 변수의 존재를 알린다.
• 초기화 단계 : 값을 저장 하기 위한 메모리 공간을 확보하고 암묵적으로 undefined 를 할당해 초기화함,
•  
• var의 단점이 선언과 초기화를 동시에 거친다는 것임.
• 자기도 모르게 함수레벨스코프가 되어 전역변수가 되어버림, 그러면서 또 선언과 초기화를 거쳐 undefined가 할당되어있음 참조에러 (Reference Error)가 뜰 가능성이 높지 않을까 싶다.
•  
• 자 TDZ로 다시 돌아와서
• 런타임이 전에 선언되어 메모리에 한자리를 차지하지만 초기화 단계가 아직 실행되지 않았기 때문에 해당 변수(상수)에 접근 할 수 없는 상태를 TDZ 라고 한다.