React렌더링1 브라우저 동작 원리 정리(프런트엔드, 렌더링, 성능개선) 한 신입 개발자의 포트폴리오를 검토하면서 사용자가 브라우저 주소창에 웹사이트 주소를 입력한 뒤 화면이 나타나기까지 어떤 과정이 진행되는지 질문한 적이 있습니다. 학생은 서버에서 HTML과 CSS, 자바스크립트 파일을 받아 화면에 보여준다고 답했습니다. 전체적인 방향은 알고 있었지만 브라우저가 문서를 어떻게 해석하고 화면의 위치와 색상을 계산하는지, 자바스크립트 실행이 언제 화면 표시에 영향을 주는지는 설명하지 못했습니다.학생은 프로젝트에서 상품 목록의 첫 화면이 늦게 나타나는 문제를 개선했다고 이력서에 작성했습니다. 원인을 묻자 React 렌더링이 느려 코드를 최적화했다고 답했습니다. 하지만 실제 기록을 확인해 보니 가장 큰 문제는 화면 렌더링이 아니라 용량이 큰 대표 이미지였습니다. 브라우저가 상품 데.. 2026. 9. 4. 이전 1 다음
