웹 렌더링 원리를 파악하기 위해 프레임워크를 사용하지 않고 여러 렌더링을 구현하는 monorepo 형태의 리포지토리입니다.
본 리포지토리는 개인의 학습을 목적을 하고 있으며 잘못된 내용이 있을 수 있습니다.
렌더링의 동작 원리를 이해하고 추후 프레임워크 단위 학습에 적용하기 위함입니다.
5가지 렌더링을 구현합니다. 아래 목표는 바뀔 수 있습니다.(Last Update 24.06.05)
- CSR : vanilla js와 VITE 서버를 이용하여 CSR을 구현합니다.(현재 구현 중)
- 고려 사항 : 재사용성, 라우팅 처리 효율 향상
- SSR : express와 vanilla js를 활용하여 SSR을 구현합니다.
- SSG : express와 vanilla js를 활용하여 SSG를 구현합니다.
- SPA : express와 vanilla js를 활용하여 SPA를 구현합니다.
- MPA : TBD
본 프로젝트를 구현하며 목적과 더불어 적용한 기술을 서술합니다.
- TurboRepo : 모노레포를 연습하기 위해 적용합니다. 터보레포는 모노레포를 구성하는 것을 도와주는 도구입니다. 재사용 단위의 필요성이 많아 개별 리포지토리 대신 모노레포를 적용합니다.
- Jest or Vitest : 단위 테스트에 대한 연습을 진행하기 위해 적용하는 도구입니다.
해당 구현 과정은 추후 블로그에 포스팅 될 예정입니다.
다만, 구현을 진행하면서 발생하는 러프한 기록은 Record.md파일에 주로 기록됩니다.