코딩쌀롱

📌 CSR(Clinet Side Rendering) body 안에 id="root"만 들어있음 서버에 HTML 요청 텅텅 빈 HTML 받음 HTML에 링크된 js파일 요청 모든 소스코드가 들어있는 js 받아 렌더링 로직, 프레임워크, 라이브러리의 모든 소스코드: 사이즈 크고, 오래 걸림 필요한 데이터를 서버에 요청해서 동적으로 HTML 생성 viewable(TTV), interactable(TTI) 단점 첫 화면을 보기까지 오래 걸림 좋지 않은 SEO(Search Engine Optimization) 검색 엔진은 웹사이트의 HTML 분석을 하게 되는데, CSR HTML body는 텅텅 비어있어 분석하는 데 어려움 📌 SSR(Server Side Rendering) 서버에서 필요한 데이터 모두 가져와서 H..

✱ pipe 함수 const pipe = function() { let fns = [...arguments]; return function(arg) { return fns.reduce((arg, fn) => fn(arg), arg); } } pipe함수를 위처럼 작성했었는데 화살표함수로 표현해보라는 리뷰를 받아 수정했다. const pipe = (...fns) => arg => fns.reduce((arg, fn) => fn(arg),arg) 이렇게나 코드가 간단해졌다!!! 화살표함수에는 elements 객체가 없어서 어떻게 인자들을 받아와야할까 했는데 디코에게 rest parameter 힌트를 얻었다. 그래서 여기에 커링을 한 스푼 더해 화살표함수로 pipe함수를 만들 수 있었다. 오늘 제일 뿌듯했던 ..