728x90 Research/Web4 20240708-overview-babylon.js What is Babylon.js?Babylon.js is What are the key elements of Babylon.js?scene, camera, light, and objectscene for world model, camera to view, light to illuminate, and object made of meshesBabylon engine works with webGL, audio, etc in low level and this enable 'scene' to create the world modelWhat kind of formats are in Babylon.js?.babylon or .glb.glb stands for GL Transmission Format Binary, .. 2024. 10. 14. 서버 사이드 렌더링(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 다음 728x90