B739 (211.♡.181.52)
2025년 2월 4일 PM 03:29 · 수정됨(20:04)
프론트엔드를 만들어야 할 일이 생겨서
요오즘 핫하다는 (?) Bun.js 랑 Next.js 보고
있습니다.
옛날에는.. 아니 지금도 거의 대다수의 웹 어플리케이션들이
백엔드에서 HTML 을 렌더링해주는 방식으로 동작하고 있는데요..
중간에 SPA 가 나오면서 클라이언트 사이드에서 처리를 하자는 페러다임으로
Vue.js React.js Svelte 이것저것 나왔었죠
여기에다가 SSR 을 붙여서 서버사이드에서 렌더링
해서 던지고, 어차피 SSR 이 돌아가니 API 서버 기능
붙여서 JS/TS 하나로 렌더링도 하고 서버 사이드 처리도 하고 이것저것 하더라고요.
근데 기존의 R/V/S 프레임워크의 라이브러리들이
SSR 을 지원하지 않는 경우가 많다보니 Next.js 에서는
"use client" 를 붙여서 CSR 을 대부분 하게 되네요.
그럼 해보자 하고 아침까지 웹에 `<html />`
하나 표시하기 위해서
프레임워크에 잡다한 라이브러리 깔고
상태 관리를 하기 위해서 어쩌고 저쩌고 해서
Route 는 API Route / Page Route 처리해야되고
이것저것 생각해보다가 속이 쓰리고 위산이 솟는것
같아서 컴터 끄고 나왔습니다.
내일 출근해서 취소선 싹 긋고
템플릿 엔진으로 회귀해야 되겠습니다.
똑같이 HTML 표시할꺼면 그냥 백엔드에 템플릿
엔진 얹어서 쓰겠습니다.
템플릿에 HTMX 나 Alpine.js 깔짝깔짝 섞어서
라우트 히스토리 + 파셜 리로딩 대응하면 되겠고요.
심플해지니 좋습니다.
틀딱 테크놀로지 쓴다고 핀잔은 있겠습니다만,
템플릿 엔진으로 만들어준 사이트들 중에 느린적은
없었습니다 ^^
댓글 (25)
-
KKubernetics
25.02.04 · 211.♡.234.36
- B
B739
→ Kubernetics 작성자 25.02.04 · 211.♡.181.52
TL;DR: 요즘에 핫한 웹 프레임워크 대신에 Spring 에 Thymeleaf 쓰겠습니다 -
PPurme
25.02.04 · 172.♡.34.108
그래도 React 사랑합니다. -
FFV4030
25.02.04 · 210.♡.27.130
저래서 많은 분들이 템플릿 엔진+jquery로 회귀를 했다고 하죠 ㅎㅎㅎ. 저는 크로스OS가 좋아서 플러터를 추가로 배우는 중입니다. - 찌
찌질전문가
25.02.04 · 172.♡.252.17
Astro 추천해봅니다.
return to simple. -
흐흐이쪄으
25.02.04 · 59.♡.159.102
저도 비슷한 생각과 경험을 가지고 있습니다.. 단순하게 개발/해결 될 수 있는 FE 처리가... 오히려 더 복잡해지고, 더 무거워 지는걸 보고 있자니... 그냥 옛 방식으로 개발을 해버립니다..
그냥 저도 옛날 사람인가 봅니다. ㅎ -
호호오옹
25.02.04 · 220.♡.69.106
나모웹에디터FX를 추천해드립니다 ㄷㄷㄷㄷ - B
B739
→ 호오옹 작성자 25.02.04 · 211.♡.181.52
그 세대입니다.
옛날에 APMSetup 인가요 (?) 그거로 제로보드
설정하고.. 텍스트큐브도 추가하고..
나모 웹에디터 하던 때가 있었죠? ㅎㅎㅎㅎ -
Mminji
25.02.04 · 211.♡.163.247
현직입니다.
하다보면 또 nextjs가 위대해집니다.
지난버전부턴가 app 라우팅이 나와서 이건뭐야 하고 보니 라우팅을 신세계로 만들어두었어라구요.
(그전에 발악하며 ssr을 하고자 page 라우팅 하던 시절을 보내고 나니..)
리액트도 이젠 기본적으로 서버컴포넌트가 되었쥬
하지만 next는 왜인지 버전이 올라갈수록 예전 php마냥 되어갑니다.
상태관리가 추가되면서는 좀 복잡해집니다. 정적 구성을 주로 하던 분들이 프론트는 머리아파 하긴 하시더라고요
호ㅏ이팅입니다 - B
B739
→ minji 작성자 25.02.04 · 211.♡.181.52
불편한게 CSR 과 SSR 에 대해서 명확한 경계를 알면 좋을 것 같은데, 그렇지 않더라고요..
상태 관리가 들어가면 또 복잡도가 한단계 올라가고요..
적어도 php 나 다른 것들은 그렇지는 않네요 ㅎㅎ
감사합니다!
댓글을 작성하려면 이 필요합니다.
완벽하게 이해했습니다..
(뭔말인지.. 모르겠습니다.. ㅡ.ㅡ;;
아는거라곤 .js 가 javascript 라는거 빼곤 1도 모릅.. )