casamia918

React2Shell and the Absence of Web Standards for Partial Rendering

On December 3, 2025, a security vulnerability shook the React ecosystem. CVE-2025-55182, dubbed "React2Shell," received a perfect CVSS score of 10.0. This wasn't just another bug—it revealed a fundamental structural problem facing modern web development.

This article explores why React2Shell happened and how it relates to the absence of web standards for partial rendering.

---

What Happened

casamia918

React2Shell 사건으로 본 Partial Rendering 을 위한 웹 표준의 공백

2025년 12월 3일, React 생태계를 뒤흔든 보안 취약점이 공개되었습니다. CVSS 10.0점 만점을 받은 CVE-2025-55182, 일명 "React2Shell"입니다. 이 취약점은 단순한 버그가 아닙니다. 현대 웹 개발이 직면한 근본적인 구조적 문제를 드러낸 사건이라고 볼 수 있습니다.

이 글에서는 React2Shell이 왜 발생했는지, 그리고 이것이 웹 표준의 부재와 어떤 관련이 있는지 살펴보고자 합니다.

---

무슨 일이 있었나

casamia918

Docker 를 공부하면서 기억해둘만한 것들을 메모해둔다.



1. Container와 Image 개념이 핵심. 찾아보면 많이 나온다

- 좀 쉽게 생각하면, Image는 설치된 프로그램, Container 는 실행한 프로그램 정도의 개념으로 생각하면 된다.

- docker는 격리된 환경이니 처음 공부할때 Image든 Container든 맘대로 올렸다 지웠다 하면서 연습해보면 된다. 쫄지 말자.

casamia918

Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.

Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.

So why

casamia918

React 란 무엇인가

HTML5 기반의 웹 어플리케이션 사용 사례가 늘어나면서, 자연스럽게 SPA 기술에 대한 관심도 늘어나고 있습니다. SPA의 시초는 Angular 였지만, 지금은 React와 Vue가 시장을 양분하고 있습니다. React를 대체하고자 하는 경쟁 라이브러리들이 하나 둘씩 등장하고 있긴 하지만, 아직 React는 왕좌의 자리에서 내려올 생각이 없어 보입니다.

저는 React 기반의 app을 개발하는 사람입니다. 그런데 어느날, React가 무엇인지 제대로 이해하고 있는 사람은 생각보다 많지 않다는 것을 깨닫게 되었습니다. 제 주변에도 React 를 한다는 사람이 여럿 있었지만 리액트가 정확히 어떤 기술인지에 대해서 물어보면, 대부분 "UI Framework" "jquery 다음 세대" 이런 추상적인 얘기만 하면서 얼버무리기만 할 뿐이었습니다.

그래서 저는 잠깐 시간을 내어서, React 가 무엇인지 소개를 하고자 합니다. 글은 길지 않습니다. 하지만 이 글을 읽고나면 당신은 React가 무엇인지 명확하게 알게 될 것입니다.

자 그럼 시작해보겠습니다.

casamia918

keyword: material ui, mui, typescript, intellisense, vscode

microsoft/TypeScript#39326

microsoft/TypeScript#34801

When using mui with typescript, there is performance issue with vscode intellisense, because of type checking.

I've read the comments and found a clue that some csstypes given by mui might be source of issue.

casamia918

/**
 * addLessLoader_forCRA5
 * customized addLessLoader of customize-cra for create-react-app@5.0.0
 *
 * CreatedAt : 2022-01-09
 *
 * Description: The customize-cra author copy getStyleLoaders codes from react-scripts@4.0.3 > webpack.config.js
 * But as react-scripts upgrade to version 5, they also upgrade postcss-loader, which causes change of options schema.
 * So, I re-copy getStyleLoaders codes from react-scripts@5.0.0 > webpack.config.js
 *

casamia918

references

• A guide to creating a NodeJS command-line package
• How to use npx: the npm package runner

1. 호기심 발생

casamia918

add to comment

casamia918

https://reactjs.org/docs/faq-structure.html#avoid-too-much-nesting

When you're working on react project, you may concern that which directory structure is better between group by features and group by types. (see above react document)

Recently, I've developed two different types of project. And here I leave a note to give advice from my experience.

In these days, there are two type of react applications.