meepin 이 문서는 최신 크로미움 베이스 브라우저의 렌더링 동작 방식을 이해하여 개발 및 퍼포먼스 최적화를 진행하는데 도움이 되기위해 작성되었습니다.
tagged rendering
nextjs 에서 ssr, isr 방식을 올바르게 처리하기 위한 방식과 react 18에서 소개된 suspense 등의 기능 사용 방식을 정리합니다.
렌더링 파이프라인 관련 다이어그램만 남아 있던 문서를 다시 볼 수 있게 짧은 설명과 함께 옮긴 글입니다.
이 문서는 RTK Query에서 생성해서 제공해주는 React Hooks(use...Query, user..,Mutation)를 사용하는 과정에 반복적으로 발생하는 랜더링 이슈를 파악하고
Next.js가 뭐임? 리액트의 생산성을 높여주는 프레임워크 중 하나임
CSR이 뭐임? 클라이언트 사이드 렌더링이고 사용자가 요청하면 컨텐츠를 로드한 뒤 페이지를 렌더링해서 보여줌 대표적으로 리액트, 뷰, 앵귤러 등이 있음
왜 필요한거임? 웹사이트의 서비스나 마케팅적인 부분은 사용자의 유입이 중요한데 유입을 높이기 위해선 검색과 노출이 잘 돼야함
@ https://www.joshwcomeau.com/css @ Fundamentals 브라우저가 CSS를 해석하는 방식 1. 브라우저는 HTML 파일을 파싱하여 DOM 트리 생성 2. CSS 파일도 동시에 파싱하여 CSSOM(CSS Object Model) 트리 생성 3. DOM과 C
LG Shield에서 Next.js와 React 앱을 Jenkins, Docker, EC2, S3로 배포하는 전체 흐름을 정리한 글입니다.