feat: 241124_react_cant_change_jsx_to_string_윤예진

[Yejin0O0]

No description provided.

[tonyfromundefined]

전반적으로 내용 자체를 다시 작성하는편이 좋을거같아요. React에서 왜 소스 파일에 접근이 안되는지 접근하시기보다는 왜 클라이언트 환경에서 접근할 수 없는건지 집중해보시고, 제가 제안드린대로 빌드 파이프라인을 구성하는 식으로 소스를 또 다른 소스로 만들어서 import 하는걸로 솔루션을 잡아서 작성해보시죠

[tonyfromundefined]

Suggested change

	title: React로 파일을 문자열로 변환할 수 없는 이유
	title: 클라이언트 환경에서 파일을 문자열로 변환할 수 없는 이유

요게 더 맞는 타이틀인거 같습니다. React는 클라이언트 환경에서 작동하는 UI 라이브러리이고, React를 활용해서 파일을 문자열로 바꾸는건 본래 React가 만들어진 이유와 상관이 없는 내용 같아요.

[tonyfromundefined]

그렇기 때문에 빌드 환경에서 파일을 읽고 변수에 저장할 수 있어요. 전에 특강해드렸던 메타프로그래밍을 해보면 어떨까 싶네요 ㅎㅎ 저라면 빌드 파이프라인에 스크립트를 하나 만들어놓고, 실행한뒤 그걸 import 하는 식으로 구성했을거같아요.

const input = fs.readFileSync("./src/someWhere.ts", "utf-8");

const output = `
export const source = \`${myFile}\`;
`;

fs.writeFileSync("./src/__generated__/someWhere.inline.ts", output);

[tonyfromundefined]

JSX는 현재 주제와 무관한 내용 같아요. JSX 아니더라도 어차피 클라이언트 빌드�가 수행되면 트랜스파일된 결과만 남기 때문에 소스에 접근할 수 없거든요.