[TIL-2022.10.27] Evaluate란 무엇일까

1.next 13업그레이드 : 

next13으로 업그레이드를 했다. 아니나 다를까 꽤 많은 오류들이 생겨서, 오류를 수정하는데에 많은 시간을 보냈다. 

 

 

2.server component : 

next13으로 업데이트 한 것 중에 주목할 만한 것이 있다면, 이제 Next에서도 server component를 이용할 수 있게 되었다는 것이다. 

그런데 아직 나는 server component에 대해서 제대로 공부해보지를 않았다. next 13의 기능도 제대로 이용해볼 겸 이참에 server component도 한번 공부를 해봐야할 것 같다. 

 

 

3.next-mdn-remote  Could not parse expression with acorn: Unexpected token : 

업데이트를 하고 났더니, 이런 에러가 난다. 

이건 왜때문에 생기는 에러일까. 

 

[Error: [next-mdx-remote] error compiling MDX:
Could not parse expression with acorn: Unexpected token

  3 |
  4 | const List = () => {
> 5 |   return (
    |   ^
  6 |     <div>
  7 |       <h1>My favorite ice cream flavors</h1>

 

에러는 요런 식으로 나타나는데, 뭔가 문제가 있다. 뭘까. 이것 때문인지, ci 단계에서 테스트도 제대로 통과하지 않는다... 

우선 저 에러 문구를 검색해서 next-mdx 트러블 슈팅 화면에 들어가도 저기 명시되어 있는 에러문구는 나와있지 않다. 그래서 해결하기가 더 애매하게 느껴지는 것 같다. 

 

이 문제를 해결하기 위해서는 수사망을 좁혀야한다. 그래서 우선은 가장 크게 생각해볼 수 있는 패키지의 문제를 떠올려보기로 했다. 

다행히 기존에 해당 라이브러리를 사용하고 있는 곳은 많이 없었기에 해당 부분들을 주석 처리하고 패키지를 삭제했다. 

그리고 다시 yarn build를 실행해보았더니, 이번에는 빌드가 정상적으로 실행되었다. (일단 정상적으로 빌드가 실행되는 것을 보는 것 자체가 기분이 좋다..)

 

그러면 이제 하나씩 주석을 풀어가면서 어느 코드에서 에러가 나는지를 확인해야한다. 

 

 

4.evaluate란 무엇일까 ? :

 

프로그래밍 책을 읽다보면 해당 단어가 자주 나온다. 그런데, 이것의 의미에 대해서 깊게 생각해본적이 없다. 아니 깊게 라기보다는 정확하게. 그래서 이번 기회에 한번 찾아봤다. 

 

찾아본 자료가 날아가버려서 출처는 기록하지 못하겠다. 

하지만 대충 기억을 끄집어내 기록해보자면, 

 

evaluate라는 단어는 보통 expression과 함꼐 사용한다. 

expression이란 피연산자(상수나, 변수들) 와 연산자로 이루어져있다. 

 

그리고 evaluate는 이 expression으로 부터 값을 이끌어내는 과정을 말하는 것이다. 

 

예를 들어서, 5t + 10 이라는 표현식이 존재한다고 해보자. 

여기서 5, 10은 상수 즉 피연산자이고, t는 변수 즉 또다른 피연산자이다. 

이것을 평가한다고 할 때 t = 1일때를 '평가'해볼 수 있고, t=5일때를 '평가'해볼 수 있다. 

 

즉 표현식에 대해서 값을 도출해내는 과정을 평가라고 말하는 것이다. 아래의 영상을 보면서도 도움을 얻었다. 

 

https://www.khanacademy.org/math/algebra/x2f8bb11595b61c86:foundation-algebra/x2f8bb11595b61c86:intro-variables/v/variables-and-expressions-1

Evaluating an expression with one variable (video) | Khan Academy

 

 

 

 

 

https://medium.com/bgpworks/draft-js-%EC%82%AC%EC%9A%A9%EA%B8%B0-%EC%97%90%EB%94%94%ED%84%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-afad9b308a40

 

 

https://www.tuomokankaanpaa.com/blog/how-to-display-draft-js-content-as-html

https://www.tuomokankaanpaa.com/blog/simple-easy-way-display-draft-js-content