React

FE/css

RadixUI란?

2024.02.17

개요A 페이지는 Mui같은 라이브러리 써서 간단하게 구현할 거고, B 페이지는 Radix ui에 Tailwind Css 붙여서 디자인할 거 예요.곧 진행할 프로젝트의 PM님이랑 얘기 나누다가 들은 이야기 중 일부다. 분명 입사할 때 즈음에 프론트엔드 생태계에 대한 전반적인 이야기를 들을 때 모두 들어본 단어이긴한데, 정확히 어떤 차이가 있고, 특히 FE를 아예 안 건드려 본 나로써는 처음 본 영단어 외우듯이 노트에 받아 적기 바빴다. Radix ui가 뭔데Radix ui에서 제공하는 라이브러리는 크게 Themes, Primitives, Icons, Colors가 있는데, 보통 얘기하는 Radix ui는 Radix/Primitives를 이야기한다.Radix Primitives is a low-level U..

FE/Next.js

CSR SSR SSG ISR 차이(with Next.js)

2024.01.13

CSR SSR SSG ISR 비교CSR(Client Side Rendering)리액트의 그것. 만 있는 html과 javascript파일 1개만 받은 뒤, 클라이언트에서 javascript로 모든 걸 그리는 방식장점: 화면 깜박이 없음, js 캐시 가능단점: SEO제약, 보안, 초기 용량 큼. SSR(Server Side Rendering)레거시한 블로그, 홈페이지에서 사용하는 방식PHP/JAVA 템플릿엔진을 통한 구현서버에서 매 요청마다 HTML을 만들어서 클라이언트에게 내려줌.장점: SEO, 보안, 초기 용량 적음.단점: 화면 깜박임, 서버 부하. SSG(Static Site Generation)pre-rendering: Static한 HTML을 빌드타임에 미리 반들어 둠(SSR는 요청타임에 만들기 ..

RadixUI란?

CSR SSR SSG ISR 차이(with Next.js)

티스토리툴바