모던자바스크립트 37, 38장 스터디

 

모던자바스크립트 스터디 16일차이다.

 

37장 set

38장 브라우저의 렌더링 과정

오늘은 위 단원들을 공부하고 모르는것을 정리했다.

 

---

# 문제

 

 

 

expressjs 프레임워크를 이용해서 코딩을 하다가 위 에러를 만났다.

 

---

 

# 상황

 

rest api 중 post method를 사용해서 api call을 하려고 했다.

body에 데이터를 담고 전송을 했는데, 위처럼 parse 에러가 났다.

 

---

 

# 이유

 

 

 

자바스크립트 파싱과 실행은 위와 같은 과정을 거친다.

소스코드에서 문법적 의미를 가지는 최소 단위인 token으로 분해한다.

이 과정을 tokenizor 라고 한다.

 

그래서 token으로 만들었다면, 파싱을 해서 추상적 구문 트리(토큰의 문법적 구조를 반영한 트리구조)로 만든다.

 

마지막으로 구문 트리를 컴퓨터가 이해할 수 있는 언어인 바이트 코드로 만드는 것이다.

 

django에서는 json -> 바이트코드로 만드는 과정을 serializing이라고 했다.

즉, 자바스크립트 언어를 기계어로 바꾸는 과정이다.

 

반대로 바이트코드(코드)를 json으로 만들어서 FE에게 보내는 과정을 deserializing이라고 한다.

 

---

 

# 해결

 

request body의 type과 토큰화 시킨 구조를 제대로 만들지 않아서 발생한 에러였다.

interface와 body에 담긴 데이터를 제대로 보자...!

 

 

---