Research/Web3 서버 사이드 렌더링(SSR)이란 서버-사이드 렌더링(SSR)이란 서버-사이드 렌더링(SSR)은 클라이언드 대신 서버에서 UI를 렌더링하는 것이다. 반면, 클라이언트-사이드 렌더링(CSR)은 클라이언트의 브라우저가 대신 렌더링하는 것이다. 리액트는 기본적으로 클라이언트 사이드 렌더링이다. 장점 서버-사이드 렌더링의 장점은 1)검색엔진에 노출이 된다는 점이다. 리액트의 SPA는 검색엔진의 크롤러 봇이 감지를 잘 못한다. 다른 장점으로 2)초기 렌더링 성능의 개선이다. 서버 쪽에서 이미 렌더링이 끝난 콘텐츠면 클라이언트에서 즉시 받아서 볼 수 있어, 대기 시간도 짧아져 유저 경험이 좋아진다. 단점 서버-사이드 렌더링의 단점은 1)서버 리소스의 소모다. 브라우저가 할 일을 서버가 하니까. 특히, 급하게 부하가 늘어나면 서버가 터질 수도 있어 .. 2023. 10. 31. 웹요청 가짜 api 만들기를 위한 api(jsonplaceholder) https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. Serving ~2 billion requests each month. jsonplaceholder.typicode.com 기본적인 웹 요청을 테스트할 일이 있는데, 그때 mock api로 쓸 수 있는 서비스다 2023. 10. 31. 2022 웹개발 지형 진단 Line Engineering에서 2022년의 웹개발 상황을 진단하는 글을 읽었다. 이 넓은 웹 세상을 어떻게 파악할까 가끔 스스로 질문을 하곤 했는데, 이 게시글이 그에 대한 답을 준 것 같다. Wel Almanac, Statcounter 등 통계 사이트에 웹 관련 통계 데이터도 유용한 것 같다. 정리하자면 이렇다. 2022년의 문제 - 성능과 접근성이 부족했고 - HTML, CSS 대비 JS에 대한 의존도가 높았음 - 이러한 이유는 IE 지원 때문인데 IE 지원 종료되었으므로 이제 상관없게 됨 앞으로 조언 - JS를 대신할 수 있는 경우 CSS를 쓸 것 - 최신 브라우저 대상으로 빌드(ES2017, 18)하면 번들 크기를 기존보다 20%까지 줄일 수 있음 - 명암비, 폰트, 시멘틱 HTML, 키보드 .. 2023. 9. 22. 이전 1 다음