728x90 location2 Client-side Javascript JS의 역할 JS의 역할 중 하나는 좋은 UX를 제공하는 것이다. 하지만 다음과 같은 이유로 JS만으로 모든 기능을 실현할 수 없다. 1. 많은 브라우저에서 JS를 실행하지 않게 설정할 수 있다. 2. 사용자가 직접 JS를 추가실행하는 기능을 제공하는 브라우저가 있다. 즉, 웹 사이트를 제공하는 쪽이 의도한 대로 JS를 실행할 수 없는 경우가 발생한다. HTML과 JS 웹브라우저가 웹 페이지를 표시할때는 다음과 같은 과정을 거친다. 1. HTML을 파싱 2. 외부 JS파일, CSS파일 로드 3. JS가 전달돈 시점에 실행 4. DOM트리 구축완료 5. 이미지 파일 등 외부 리소스 로드 6. 완료 JS 작성 방법과 실행 타이밍 HTML문서안에 JS를 작성할 수 있는 방식은 여러가지이며 방식마다 실행 시점이.. 2021. 10. 25. 리엑트 라우터로 SPA개발하기 기존의 웹 페이지는 여러개의 html파일로 이루어져 있으며 다른 페이지로 이동할 때 마다 매번 새로운 html파일을 받아오고 페이지 로딩마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여주었다. 하지만 이런 방식은 제공해야할 정보가 많은 요즘 웹에는 적합하지 않다. 서버측에서 모든 정보를 준비한다면 트래픽 증가, 사용자 증가로 인한 서버 부하가 발생할 수 있다. 물론 캐싱, 압축을 통해 어느정도 해결이 가능하지만 사용자와 인터렉션이 자주 발생하는 모던 웹 어플리케이션에는 적당하지 않다. 따라서 리액트 같은 라이브러리 또는 프레임워크를 통해 뷰 렌더링을 사용자의 브라우저가 담당하도록 하고, 애플리케이션을 브라우저에 불러와서 실행기킨 후에 사용자와의 인터렉션이 발생하면 필요한 부분만 js를 사용해 업데이.. 2021. 7. 8. 이전 1 다음 728x90
