virtual dom
-
우아한테크캠프 3주차 회고Activity/우아한테크캠프 4기 2021. 8. 8. 17:49
드디어 시작된 열정의 3주차..! 이번 프로젝트에서 우리는 Vanilla JS로 SPA 프레임워크를 만들어 보고자 했고, 큰 컨셉은 세가지로 이루어졌다. Router, Virtual DOM, JSX Parser 01. Router 만들기 가만 생각해보니 이번에 우테캠 2차 과제를 할 때 Vanilla JS로 라우팅이 구현되어 있던 기억이 났다. 해당 라우팅의 핵심 구조는 다음과 같았다. 글 로만 설명이 될지는 잘 모르겠다... 1. 'hashchange' 이벤트가 일어나면 index.ts에서 현재 Path 확인 2. path를 key로 하는 page 엘리먼트 불러오기 3. 뒤로가기를 할 때 history.back(-1)을 불러주기 hash기반 라우팅은 url에 #가 붙어서 유저가 보기에 좋지 않다는 단점..