javascript16 [Next js] server Component에서 client Component로 변수를 보낼 때 주의사항 (에러: Warning: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to .. 웹 페이지의 성능을 위해서 server component와 client component를 함께 사용하는 경우가 많다. server component에서 client component로 변수를 전달할 때 발생하는 에러이다. Warning: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props. 이 에러는 전달하는 props가 복잡한 object일 때 발생했다. (나의 경우에는) 해결하는 방법은 간단하다. object였던 변.. 2023. 11. 15. 람다 라이브러리에 대해 알아보자. 람다 라이브러리란? 우리가 함수형 프로그래밍을 하기 위해 필요한 유틸리티 함수들을 모아둔 라이브러리다. 이러한 유틸리티 라이브러리에는 람다 뿐만 아니라 언더스코어, 로대시 같은 것들도 있다. 람다 라이브러리는 기본적으로 javascript를 위해 만들어졌지만 나는 typescript를 공부하고 있으므로 typescript에 설치 및 import npm install ramda npm install @types/ramda로 설치를 하고 사용할 수 있다. 아래 @types/ramda는 typescript를 위한 패키지이다. import * as R from 'ramda로 import하여 사용하며 이런 식으로 ramda의 사용하지 않는 함수들도 가지고 오면 코드의 크기가 커지기 때문에 마지막에 impo.. 2021. 9. 28. typescript 파일 실행시키기. 적당히 typescript 파일을 하나 만들자. // study.ts const arrow2 = (a: number, b: number) => { console.log(a); console.log(b); }; arrow2(1, 2); npm install -g @types/node typescript ts-node를 통해 node와 typescript, ts-node를 받는다. ts-node study.ts로 실행시킨다. tsc study.ts를 통해 js로 컴파일한 후 node study.js로 실행 시키는 방법도 있다. 2021. 9. 12. 노마드 코더 nestjs 강의 정리1 (시작하게된 이유.) 시작한 이유 현재 운영중인 러닝클럽에서 조와 조원들을 매일매일 랜덤하게 배정하는 프로그램을 만들어서 돌렸다. 이 프로그램에서 배열을 sort하는 부분이 있고 랜덤을 사용하다 보니 매번 sort할 때마다 내가 만든 랜덤함수가 사용되었다. 근데 여기서 문제가 발생했다.... 각 브라우저가 sort하는 방식이 다르다는 점이다. 이 프로그램을 사파리에서 돌릴 때와 크롬, IE와 파이어폭스 등 각각 브라우저가 다른 결과가 나올 경우가 있다. 나는 모든 조원이 같은 화면을 보길 원하기 때문에 서버사이드에서 랜더링한 페이지를 사람들에게 보여줘야겠다고 생각했고 그렇게 하기 위해서는 nestjs의 공부가 필요하다고 판단했다. 그래서 시작하겠다.. 아자아자 화이팅!!!!! 오늘 하루만에 강의 다 듣고 정리 다하고 바로 서.. 2021. 8. 1. 이전 1 2 3 4 다음