-
브라우저의 렌더링 과정에 대해 제대로 공부하자웹 브라우저 2023. 3. 5. 15:20
첫 팀 프로젝트인 트랜센던스를 끝낼 때 까지, 브라우저에 대해 거의 아는 게 없는 상태였다.
프로젝트의 마감기한이 빠듯하기도 했고, 처음 들어갈 때 아무것도 몰랐기에 우선 프론트엔드 코드를 짜기 위한 자바스크립트, 타입스크립트, 리액트의 실용적인 지식만을 채우기에도 벅찼기 때문이다. (거의 일주일만에 전부 학습했다)
하지만 프로젝트를 끝낸 후, 회의감과 함께 내가 너무 아는 게 없다는 생각이 들었고,
대체 내가 여태까지 한 게 뭔지에 대해 공부해야겠다는 생각이 간절했다.
일단 브라우저를 알고, html 과 css 를 알고, 자바스크립트를 알아야, 내가 프로젝트를 하면서도 TS 와 React 로 짠 코드가 어떻게 트랜스컴파일 되어 브라우저에서 어떻게 동작하는 지 파악할 것 아닌가 ?
그래야 디버깅도 수월하게 하고, 성능 개선도 생각해 볼 수 있지 ..
그래서 브라우저의 렌더링 과정에 대해 공부하기, 지금부터 시작한다 !
'웹 브라우저' 카테고리의 다른 글
HTML - 시맨틱 태그는 뭐고, 왜 사용해야 할까 ? (0) 2023.04.05 브라우저가 이벤트를 처리하는 방법 (0) 2023.03.17 DOM 을 좀 더 깊게 공부하자 ! (0) 2023.03.07 브라우저의 렌더링 과정 (0) 2023.03.07