The BETH Stack: Build Hypermedia-Driven Web Apps with Great DX and Performance
www.youtube.com
MERN 스택에 질린 당신을 위한, BETH 스택
최근 엄청난 성능을 자랑하는 Bun 1.0의 등장으로 JS생태계가 한 번 떠들썩했는데요, 이를 이어 Bun과 더불어 근래 화제가 되었던 기술들을 활용한 새로운 스타일의 웹 앱 빌드 스택, BETH 스택까지 등장했습니다!
BETH 스택의 구성은 다음과 같으며, 각각 우측의 기존 MERN 스택을 겨냥하고 있습니다.
- Bun(런타임) <-> Node
- Elysia(서버 프레임워크) <-> Express
- Turso(DB 호스팅) <-> MongoDB Atlas
- Htmx(마크업 라이브러리) <-> React
Ethan Niser라는 개발자가 제안한 이 스택은 DX(개발자 경험)과 퍼포먼스에 중점을 둔 스택이라고 합니다. 레포지토리의 설명에 "An opinionated hypermedia-driven architecture"라고 적어두었는데요, 이는 BETH 스택의 요소 중 하나인 HTMX의 주요 컨셉인 HDA architecture를 차용하고 있기 때문으로 보입니다.
JSON으로 통신하는 현대의 무거운 SPA 프레임워크 방식들과는 다르게, HTMX는 복잡한 JS 코드 없이 HTML 태그만을 통해 통신하고, 과거의 웹 앱 방식처럼 다른 HTML을 받아 렌더링합니다. 따라서 성능적인 면에서도 매우 가벼우며, 특히 DX 측면에서 주목받고 있는 기술입니다.
또한 Elysia는 Bun에 최적화된 서버 프레임워크로, 경량화가 매우 잘 되어있습니다. 때문에 기존 Node 기반 프레임워크들에 비해 월등히 빠른 속도를 보여줍니다. Express와 비슷한 syntax를 지니며, swagger와 type-safety 등을 내부적으로 지원하고 있습니다.
듣기만 해도 당장 모든 사람이 사용해야 할 스택처럼 들리지만, 아직은 제안된 지 얼마 되지 않아 논의가 충분히 이루어지지 않았을 뿐더러, 사용 사례가 많지 않아 프로덕션 레벨로 구성하기에는 어려움이 있어 보입니다. 또한 각 기술의 다양한 한계점들로 인해 Ethan은 이것이 무조건 최선의 선택이 아닐 수도 있다고 말합니다.
대신, 기존의 스택에 질려 새로운 기술을 찾으시는 분들, JS 생태계의 새로운 이슈에 관심이 많으신 분들, 혹은 혼자 사이드 프로젝트를 하며 프론트와 백엔드의 동시 관리가 번거로우셨던 분들은 BETH 스택을 활용하여 새로운 경험을 해보시는 것을 추천드립니다!
해당 영상: https://www.youtube.com/watch?v=cpzowDDJj24
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 10월 5일 오전 3:32
댓글 0
함께 읽은 게시물
이번 WWDC에서 애플이 발표한 새로운 디자인 시스템인 Liquid Glass도 역시 호불호가 있겠지만, 개인적으로는 가장 좋아했던 Mac OS X 첫 출시때 디자인인 Aqua 디자인과 닮아서 맘에든다.
... 더 보기-
< 🔔 내가 만나본 빠르게 성장하는 주니어 개발자들의 특징 >
본론에 앞서 이 글은 그동안 제가 만나본 성장이 빠르다고 느낀 주니어 개발자분들의 태도와 습관을 정리해보는 글입니다.
기술이나 학습등을 거론하며 '이런것만 배우면 당신도 빠르게 성장할 수 있습니다!' 류의 글은 아니고 그분들의 이런 태도와 습관이 성장에 영향이 있지 않았을까 정도의 글이라고 생각해주시면 되겠습니다.
✅️ 질문을 잘한다.
빠르게 성장하신 분들의 질문엔 2가지 공통점이 있었다.
1. 질문의 타이밍
대부분의 신입사원이나 주니어 개발자분들은 선배 개발자에게 질문을 하기 부담스러워 한다. 그래서 혼자 몇일을 끙끙거리다가 힘겹게 질문하거나 선배 개발자가 먼저 말을 걸어서 답을 얻는 모습을 많이 본다.
만약 알고싶던 내용이 선배 개발자가 바로 대답해줄 수 있는 것이었다면 오래 끙끙거린만큼 시간을 허비해버린것과 같다.
질문을 잘하는 분들의 경우 자신들의 고민이 자신이 풀수 없는 수준이라는걸 알게 되면 선배 개발자들에게 바로 질문함으로써 그만큼 시간을 아끼고 다음 스텝으로 나아간다.
2. 질문의 깊이
질문할 때 '이게 뭐에요?' 나 'A 부터 Z 까지 알려주세요' 등의 질문을 하지 않는다.
자신이 충분히 찾아보고 자신의 선에서 최대한 알아본 뒤에 풀리지 않는 부분을 질문한다. 그렇기에 질문의 깊이가 깊다.
이런 질문을 받았을 때 바로 답을 주는 경우도 있지만 대부분 이런 깊이 있는 질문은 정확한 확인을 위해 다시 한번 관련 내용을 찾아보게 만든다.
이로 인해 질문 받는 사람도 알고 있던 내용을 복습하거나 놓쳤던 부분을 공부하게 되고 이를 통해 같이 성장하는 느낌을 받는다. 그래서 나는 이런식으로 질문 하는 분들이 좋고 나도 다른 사람들한테 이렇게 질문을 하기 위해 노력한다.
✅️ 가만히 있지 않는다.
간혹 내 업무가 많이 밀리고 바쁘다보면 주니어 분들을 신경쓰지 못해 그분들의 업무에 공백이 생길때가 있다. 업무를 잘하시는 주니어 분들은 이런 공백도 허투루 지나가지 않고 아래와 같은 행동들을 한다.
1. 업무 혹은 과제를 달라고 요청한다.
2. 팀에서 진행하는 프로젝트에 이슈가 없는지 찾아본다. 혹은 발견된 이슈의 원인을 파악해보려고 한다.
3. 팀에서 진행하는 프로젝트 코드를 분석한다.
4. 팀에서 사용하는 오픈소스나 프레임워크, 라이브러리 코드를 분석한다.
5. 프... 더 보기
[사용성과 수익, 두 마리 토끼를 잡다]
딜
... 더 보기
