Will JavaScript remain while React fades away?

[thursdaycurry]

안녕하세요,

최근에 수십년 개발 경력을 가진 엔지니어와 대화를 나눌 기회가 있었습니다. 이커머스 스타트업에서 20-30명의 엔지니어링 팀을 이끄는 분이었는데요. 그분의 팀이 운영하는 이커머스 사이트는 React나 Next.js 같은 프레임워크 없이, HTML, CSS, JavaScript 같은 바닐라 기술만으로 구축되었다고 주장했습니다.

그분의 관점은 웹 표준을 제대로 활용하면 React 같은 프레임워크가 굳이 필요하지 않으며, 오히려 그런 프레임워크를 사용하지 않을 때 성능과 사용자 경험이 더 좋아질 수 있다는 것이었는데요. 실제로 그 사이트는 매우 부드럽고 빠르게 작동했으며, 세계젹으로 유명한 소프트웨어들보다 섬세한 유저 경험을 제공하고 있었습니다.

그분은 특정 프레임워크나 언어에 특화된 엔지니어들이 시간이 지나면서 일자리를 찾는 데 어려움을 겪는 경우를 많이 봤다고 하시더군요. deprecated될 도구에 시간을 쏟는 것은 장기적으로 지속가능하지 않은 커리어 전략이라고 생각하시는 것 같았습니다. 그런데 이런 현상이 한국처럼 상대적으로 개발자 시장이 작은 지역에서 발생하는 문제가 아닐까라는 생각도 들더라구요.

그럼에도 불구하고 그분의 이야기가 저에게 꽤 공감이 되었고, 여러분의 의견도 들어보고 싶어서 질문을 드립니다:

1. React, Next.js, Nest.js 같은 프레임워크보다 JavaScript나 Node.js 같은 핵심 기술에 집중하는 것이 장기적인 직업 안정성을 위해 더 나은 전략이라고 보시나요?
2. 바닐라 JS로 서비스를 구축하는 것이 오늘날에도 여전히 실용적이고 받아들여질 수 있는 접근 방식일까요? (물론 비즈니스에 따라 다르겠지만 궁금합니다.)
3. 인기 있는 프레임워크 경험이 적고, 대신 핵심 언어에 대한 깊은 이해를 가진 웹 개발자들에게는 어떤 직업 기회가 있을까요?

다들 어떻게 생각하시나요?

새해 복 많이 받으세요.

[DKULena]

안녕하세요 현재 프론트엔드 개발자로서 취업을 준비하는 사람입니다. 다양한 훨씬 타당한 의견들이 있겠지만 '이제 막 시작하는 사람은 이렇게도 생각할 수 있구나' 라고 생각하면서 그냥 귀엽게 넘어가주시면 감사하겠습니다!

다양한 IT기업에서도 Vanilla만을 사용해서 웹서버를 구축한다는 글을 본적이 있는 것 같습니다.
번들 사이즈 문제나 프로젝트에 맞는 아키텍처를 구축할 수 있다라는 장점은 돋보인다라고 생각하지만, 주관적인 의견으로는 왜 이같은 프레임워크나 리액트와 같은 라이브러리가 나타났는지에 더 초점을 맞추는 쪽인것 같습니다.
물론 순수 바닐라 js만으로 완벽한 제어가 된다면 더욱 효율적일 수 있다라고 생각하지만 러닝 커브가 높아진다는 단점이 현재로서는 더욱 크다라는 생각이 듭니다만 현재로서는 대다수의 기업에서 여러 프레임워크를 사용하여 개발을 진행하는 만큼 그에 맞춰 따라가는 것이 맞지 않나?? 라고 생각하고 있습니다!
개발이라는 직군이 항상 새로운 아이디어가 나오고 기술이 나오며 끊임없이 공부를 해야하는 직업인 만큼, 그에 근간이 되는 언어 또한 등한시 하면 안된다라고 생각합니다.

쓸데 없는 얘기를 주저리주저리 하긴 했지만, 개인적인 의견으로는 현재 시장 흐름을 따라가되 바닐라에 대한 공부도 병행하면서 기초 기술 실력을 올리는 쪽이 좋겠다.라는 생각입니다!

1. 현재 다니고 있는 기업에 기술에 집중하되 사이드로 바닐라를 병행하는게 좋다 라고 생각합니다.

2. 대다수의 기업이 프레임워크를 사용하여 개발을 진행하는 만큼 순수 바닐라로 진행하는 것은 아직 시기상조라고 생각합니다.

3. 핵심 언어에 대한 깊은 이해를 가진 개발자들과 같은 경우 특정 프레임워크를 공부하는데에서 다른 분들보다 빠른 학습이 가능하기 때문에 어려움이 없지 않을까? 생각합니다. 실제로 현재 도움을 받고 있는 현업 개발자중 한분께서는 Next.js를 접하고 기술 도입을 하신게 작년이라고 알고 있습니다. 요지는 근본 기술에 대한 바탕이 충분하다면 다른 기술을 배우는데 큰 어려움이 없다라고 생각합니다.

전문성도 없고, 다른분들보다 관련 지식도 없지만 그냥 개발 지망생은 이런식으로 생각할 수도 있겠구나? 라고 생각하면서 너그러이 넘어가주시면 감사하겠습니다! 좋은 하루 보내세요 :)

[BokLeo]

저도 지나가다가 한번 고민해보면 의미 있을 것 같아 제가 가지고 있는 소견을 남겨봅니다.
(다양한 의견이 많을 수록 좋겠죠...?)

제 생각은 "둘 다 중요하다" 입니다.

한 가지 예시를 상상해보았습니다.

어느 건축가가 있습니다.
이 건축가는 건축에 대한 지식을 가지고 있습니다. 건축에 필요한 모든 도구를 사용할 줄 알며, 재료도 만들 수 있습니다.

이 건축가가 건축을 할 때,

1. 필요한 재료를 모두 만들 것인가? --------------> (Vanilla JS 통한 직접 개발)
2. 시중에 있는 재료를 활용하여 만들 것인가? ---> (프레임 워크를 활용한 개발)

만약 제가 건축가라면 '시간과 비용' 을 고려해서 어떤 방법을 선택할지 판단할 것입니다.

• 만약, 시중에 없는 재료라면? -> 만들 수 밖에 없을 것입니다.
• 만약, 만들기에 시간과 비용이 많이 든다면? -> 시중에 재료를 활용하는 것이 더 효율적일 것입니다.

가장 효율적인 방법을 **'선택'**하기 위해선 조건이 필요합니다.
'만들 줄 알아야 한다.' 와 '시중의 재료를 활용할 줄 알아야 한다.' 입니다.

조건이 선행되지 않았을 경우,
만들 줄 모르면? -> 시중의 재료를 재가공 하는데 '시간과 비용'이 더 많이 소요되더라도 시중의 재료를 사용할 수 밖에 없습니다.
시중의 재료를 활용할 줄 모르면? -> 제작하기에 '시간과 비용'이 더 많이 소요되더라도 제작하여 사용할 수 밖에 없습니다.

위와 같은 소견을 가지고 있는 제가 문항들에 답을 한다면...

1. React, Next.js, Nest.js 같은 프레임워크보다 JavaScript나 Node.js 같은 핵심 기술에 집중하는 것이 장기적인 직업 안정성을 위해 더 나은 전략이라고 보시나요?

저의 경우 JS를 배우면서 자연스레 언어의 동작 원리에 대한 궁금증을 가지게 되었고, V8 엔진과 NodeJs 탄생 배경을 찾아보게 되었습니다. 또, 더 효율적이게 코드를 작성하는 방법은 무엇일까? 라는 궁금증에 다수가 사용하는 프레임 워크들도 학습하게 되었고요. 이제는 ECMAScript 업데이트, NodeJs Version 업데이트, 프레임 워크 업데이트에 따라 추가적으로 필요한 것을 학습하고 있습니다. 이러한 과정을 가진다면 또 다른 프레임 워크가 생겨나도 쉽게 적응 할 수 있다고 생각합니다. 굳이 우선 순위를 선택하자면 프레임 워크, Node.js를 모두 이해할 수 있는 JS(언어) 아닐까요?
(※ 사실 저는 장기적인 직업 안정성을 위해선 도메인(서비스) 지식이 더 중요하다고 생각해요 🤔)

2. 바닐라 JS로 서비스를 구축하는 것이 오늘날에도 여전히 실용적이고 받아들여질 수 있는 접근 방식일까요? (물론 비즈니스에 따라 다르겠지만 궁금합니다.)

말씀하신대로 비즈니스에 따라 실용성은 많이 달라질 것 같아요. 세상에서 가장 빠른 웹 서비스'를 만든다면 가장 실용적일 것 같아요!(단, 다른 언어 제외...😂)

3. 인기 있는 프레임워크 경험이 적고, 대신 핵심 언어에 대한 깊은 이해를 가진 웹 개발자들에게는 어떤 직업 기회가 있을까요?
다들 어떻게 생각하시나요?

저수준의 근본적인 문제를 해결할 수 있는 퍼포먼스 최적화, 프레임 워크 개발 등이 되지 않을까요? 예전부터 지금까지 오래 유지되는 프로그램도 많아서 직업의 기회는 문제 없을 거라 생각해요. 하지만, 언어에 대해 깊은 이해가 있다면 프레임 워크도 금방 런닝 커브를 뛰어 넘을 수 있으실 것 같아서.... 학습 한다면 더 많은 기회를 얻을 수 있지 않을까요?

저는 작고 소중하지 않은 개발자인데,
진심으로 깊게 생각해보면서 작성하다보니 글이 많이 길어져 버렸습니다...😢
그저 개인적인 소견임을 알아주시길 바랍니다😂
매서운 추위 조심하시고, 새해 복 많이 받으세요! :)

[quantumgravity-co-kr]

왜 많은 기업들이 도구 (Next, React)를 사용해서 제작해왔는지 도구를 사용한것과 사용하지 않은 것 코드 비교 해보면 압니다.

도구에 따라오는 유틸리티 (React query, Zustand, Zod, React Hook Form) 등을 사용 했을 때와 사용하지 않았을 때의 코드의 간결성이 확연하게 차이 날 것이고 이 것은 곧 유지보수, 개발 속도와 밀접한 연관이 있습니다.

속도 또한 Cache 와 Server action 과 같은 기능이 도입되면서 이 기능들을 활용한다면 더 우세할 것 같구요.

결론적으로는

1. React, Next.js, Nest.js 같은 프레임워크보다 JavaScript나 Node.js 같은 핵심 기술에 집중하는 것이 장기적인 직업 안정성을 위해 더 나은 전략이라고 보시나요?

• 아니요.

2. 바닐라 JS로 서비스를 구축하는 것이 오늘날에도 여전히 실용적이고 받아들여질 수 있는 접근 방식일까요? (물론 비즈니스에 따라 다르겠지만 궁금합니다.)

• 아니요.

3. 인기 있는 프레임워크 경험이 적고, 대신 핵심 언어에 대한 깊은 이해를 가진 웹 개발자들에게는 어떤 직업 기회가 있을까요?

• 없습니다.

[Ring-wdr]

React, vue 등 SPA에 최적화된 라이브러리나 프레임워크가 널리 퍼진 이유는 UI와 data의 불일치를 각자만의 방법으로 해소함에 있어 화면 업데이트를 용이하게 만든 것에 있다고 보는데요.
그분들이 프레임워크들이 필요하지 않은 이유는 화면 자체에서 이루어지는 상태관리가 크게 없기 때문일거라고 생각이 듭니다.
상태가 몇 개만 추가되어도 상태 간의 충돌의 제어, 이벤트의 등록 및 해제 그리고 상태 변화에 따른 화면 업데이트가 까다로워집니다.

이는 바닐라로 복잡한 상태를 관리하는 웹 페이지를 만들어보시고, 이를 리액트로 마이그레이션 해보면 체감하실 수 있습니다.
저같은 경우 바닐라로도, jquery로도 웹 컴포넌트로(lit 같은 라이브러리없이)도 해보았고 다른 프레임워크로도 해보았는데, 바닐라인채로 사용하는 것보다는 프레임워크를 사용하는 편이 더 복잡한 요구사항에 대응하기 용이했고 유지보수성도 뛰어났습니다.

상태 변화에 따른 화면 업데이트를 수동으로 해주는 것은 고통입니다. 수동으로 한다는 것은 개발자가 신경써야할 부분이 늘어난다는 것이고, 개발의 모든 순간이 완벽할 수 없으니 놓치게 되는게 반드시 생기고 이는 버그 발생으로 이어집니다.

React가 대세에서 사라지기엔 현재 새로 나온 많은 프레임워크들이 React의 야성을 이기지 못했고, 아주 낮은 확률로 React가 deprecated되더라도 ui와 data의 불일치를 해소하는 흐름 자체가 사라지지는 않을 것이기 때문에 대규모 웹 애플리케이션을 구현하고자 한다면 굳이 React가 아니더라도 SPA 프레임워크에 숙련되어 있는 편이 다음 대세를 따르는데도 수월할 것이라고 생각합니다.

React, Next.js, Nest.js 같은 프레임워크보다 JavaScript나 Node.js 같은 핵심 기술에 집중하는 것이 장기적인 직업 안정성을 위해 더 나은 전략이라고 보시나요? => X

바닐라 JS로 서비스를 구축하는 것이 오늘날에도 여전히 실용적이고 받아들여질 수 있는 접근 방식일까요? (물론 비즈니스에 따라 다르겠지만 궁금합니다.) => X

인기 있는 프레임워크 경험이 적고, 대신 핵심 언어에 대한 깊은 이해를 가진 웹 개발자들에게는 어떤 직업 기회가 있을까요?
=> 요리를 하는데 요리 전용 칼이 옆에 있는데 굳이 손톱깍이를 들 필요가 있을까요? 언어에 대한 이해가 높으신 분들이 인기 있는 프레임워크에 대한 경험이 적을 수 없다고 생각합니다.

[qpwoei0123]

일단 프레임워크 없이 이커머스 사이트를 구축하셨다는 점에서 정말 대단한 실력을 가지신 분이라고 생각합니다.
그분의 주장에 공감하는 바도 많습니다만, 프레임워크 없이 서비스를 구축하는 것은 매우 특이한 케이스이고 일반적으로 추천하는 전략은 아니라고 개인적으로 생각합니다.

예시를 들어보자면, 제가 처음 프론트엔드 개발을 시작할 때 바닐라 기술로 실시간 가사 추적 기능을 만들어본 적이 있었습니다.
제대로 된 지식도 없는 초보가 어떻게 구현했을까요? DOM 하나하나 콘솔을 찍어가며 어떻게든 구현은 했지만, 유지보수 관점에서는 전혀 좋지 않았습니다.
이처럼 바닐라 스택은 어떤 프레임워크보다 강력하고 자유롭지만, 그만큼 더욱 깊은 이해와 책임이 필요하다고 생각합니다.

하지만 실제 현장에서는 팀 단위로 움직이고 구성원들의 지식수준을 맞추기가 어렵다는 한계가 있죠.
이런 문제들을 해결하는 지름길이 바로 프레임워크라고 생각합니다.
그렇기에 효율성이 곧 영업이익과 직결되는 회사는 프레임워크를 선택할 수밖에 없다고 생각하며, 질문에 제가 감히 답변을 드리자면...

1. React, Next.js, Nest.js 같은 프레임워크보다 JavaScript나 Node.js 같은 핵심 기술에 집중하는 것이 장기적인 직업 안정성을 위해 더 나은 전략이라고 보시나요?

   • 장기적으로는 언어에 집중하는 것이 맞다고 봅니다. 결국 프레임워크는 언제 어떻게 바뀔지 모르지만, 기초가 튼튼하면 어떤 프레임워크도 쉽게 다룰 수 있습니다.
   • (기초가 없으면 이해도 어려울 것입니다.)

2. 바닐라 JS로 서비스를 구축하는 것이 오늘날에도 여전히 실용적이고 받아들여질 수 있는 접근 방식일까요? 물론 비즈니스에 따라 다르겠지만 궁금합니다.

   • 규모에 따라 다를 수 있습니다. 저도 최근 이력서 페이지를 만들 때는 간단해서 자바스크립트만 사용했습니다. 하지만 팀 단위로 움직이거나 지속 가능해야 할 프로젝트라면 프레임워크가 적합하다고 생각합니다.

3. 인기 있는 프레임워크 경험이 적고, 대신 핵심 언어에 대한 깊은 이해를 가진 웹 개발자들에게는 어떤 직업 기회가 있을까요?

   • 깊이가 충분하다면 오히려 더 넓은 기회가 있을 것이라고 생각합니다.

글이 다소 두서없었네요. 읽어주셔서 감사하고 새해 복 많이 받으세요!

[ho1234c]

시간이 갈 수록 추상화 계층은 쌓여갑니다. 저수준, 고수준 언어라는 개념이 상대적인 개념인것처럼, React는 js 보다 상위 계층이고 그보다 더 상위 계층에 Nextjs가 있습니다.

js를 사용하다보니 이런저런 공통적인걸 계속 만들어야하는게 불편하다 => React의 등장
React를 사용하다보니 이런저런 공통적인걸 계속 만들어야하는게 불편하다 => Nextjs의 등장

생태계가 커지면서 비슷한 관심사를 처리하다보니 자주 부딪히는 문제들이 있다는걸 발견하고 이걸 추상화해서 프레임워크(라이브러리)화 하면 편하겠는데 에서 시작해서 그 생태계 또한 충분히 커지면 계층이 하나 더 쌓이는것 같아요.

React는 dom업데이트에 대한 공통 관심사를 비교 알고리즘으로 완화했는데, 만약 React가 해결한 이 문제를 그보다 더 낮은 계층인 js가 해결해버린다던지 웹이 발전하면서 dom이라는 근간이 바뀐다던지… 아니면 더 이상 브라우저에서 js를 사용하지 않고 Nodejs도 사용할 필요가 없어지게되면 프레임워크든 언어에 대한 이해든 js를 사용하는 개발자 전체가 일자리를 잃게 될 겁니다.

다만 하위 계층으로 갈수록 의존성이 크다는 뜻이니까 현재 영향력 또한 클거고, 일자리를 잃게 될 확률이 낮아진다는 뜻일거에요.

앞으로 어떻게 될지는 아무도 모르겠지만 개발자는 투자자의 마인드(어떻게보면 도박사 라고도 할 수 있으려나요?)를 가져야 한다고들 이야기하는게 이런 부분인것 같아요. 인간의 수명은 한정적이고 그 기간 동안 나는 어떤 것에 얼마나 배팅 할 것인가? 가령 내가 앞으로 40년 정도는 일을 해야할거 같은데 누군가는 React는 향후 100년동안은 안없어질거야 라고도 생각할 수 있는 반면 누군가는 앞으로 10년내에 웹에서 js조차 없어지고 WASM을 쓰게될거야 라고도 생각할 수도 있는것 같아요.

특정 프레임워크나 언어에 특화된 엔지니어가 일자리를 잃게 되는것도 더 이상 내가 가진 기술로 해결해왔던 문제를 해결할 필요가 없어지게 됐을 때일텐데, 경력이 길수록 경력내에서 프레임워크가 생기고 사라지고 또 새로운게 나오고... 이런것들을 많이 보아오셨기 때문에 그런 생각을 갖게 되는것 같아요. 만약 200년동안 사회생활을 해오신 분이 존재한다면 컴퓨터? 그거 곧 사라질거야 음식만드는 일을 해야해 라고 하실수도 있는것이겠죠.

그래서 저는 웹개발자들, 그 중에서 특히 프론트엔드 개발자들이 갖기 쉬운 강점은 환경 변화가 빠르다보니 자신도 모르는 사이에 학습하는 법에 대해 학습했다는 것 같아요. 프레임워크를 쓰든 바닐라를 쓰든 세상의 흐름 속에서 결정되는 수요에 맞추어 학습을 잘하는 사람이 항상 앞서나가게 될 거고 현재 시장의 수요는 프레임 워크를 사용하는것에 좀 더 가깝다고 생각합니다