바닐라javascript로 spa(single page application)개발하기

날짜: 2023년 3월 3일 생성일: 2023년 3월 3일 오후 2:51 태그: 프론트 엔드 이 글을 쓰는 이유? 데브 매칭 대비하기 위해 지난해 진행했던, 과제 테스트 해설을 보고 학습한 내용을 정리하려고 합니다. 출제 내역을 보면 SPA(Single Page Application)을 순수 자바 스크립트로 개발하는 문제가 주로 출제 됐습니다. 그렇기 때문에 자바스크립트의 문법을 응용하면서 문제해결을 위해 어떤 문법이 필요한지 알아보겠습니다. 저도 처음부터 알고는 있었지만, “이 문법을 이런식으로 응용해서 사용하면 되는구나” 를 많이 깨달았습니다. 컴포넌트 만들기 SPA는 컴포넌트를 기반으로 개발을 하기 때문에 원래 html의 노드요소들을 Class를 통해서 동적으로 생성해줘야 한다. 따라서 index...

2023.03.03

브라우저 렌더링부터 CSR,SSR,SPA,MPA 정리 까지

생성일: 2023년 1월 14일 오후 6:11 태그: 웹 🏳️ 브라우저 렌더링 ❓ 브라우저 렌더링은 무엇일가요? 일단 나는 브라우저로 크롬을 사용하는 편이다. 크롬이 편리한 기능이 많고, 깔끔하고, 탭관리가 수월하고, 많은 웹사이트가 크롬을 지원하기 때문이다. 근데 브라우저는 뭘까? 웹 브라우저 (Web Browser) 혹은 브라우저는 웹에서 페이지를 검색하고 표시하며 사용자가 하이퍼링크를 통해 추가 페이지에 접근할 수 있도록 하는 프로그램입니다. ❓ 그렇다면 브라우저 렌더링은 무엇일까요? 사용자가 웹 브라우저를 통해 자원을 서버에 요청하고 브라우저에 서버로 부터 파일(HTML, CSS, JAVASCRITP)을 받아 표시 되는 과정 서버로 부터 받아오는 파일은 HTML 문서 이외 다른 형태의 파일 (PD..

2023.01.16