리엑트 작동 구조

다시 말하면 변환되기전 자바스립트 파일은 서버 안에 작성하는 것이죠?

좋은 질문입니다!

일반적으로 자바스크립트는 크게 브라우저(웹)과 서버 개발을 할 때 사용됩니다.
이때 자바스크립트를 읽고 실행할 수 있는 엔진이 브라우저와 서버(node)에 전부 들어있는데요. 이들이 읽을 수 있는 javascript는 상대적으로 개발하기에 불편한 점들이 있습니다. 그래서 이를 쉽게 개발할 수 있도록 하기 위해서 여러 프레임워크들이 나왔습니다.

react는 웹을 쉽게 개발할 수 있도록 도와주며 여기서 사용하는 jsx 문법이나 다른 기능들이 있습니다. 이때 브라우저에서 제대로 읽게 해주도록 한번 변환해주는 작업이 필요합니다. 
마찬가지로 서버 프레임워크인 express도 서버 엔진(node)가 읽을 수 있도록 마찬가지로 작성한 코드의 일부가 변환되는 경우도 있습니다(변환이 안될 수도 있구요 ㅎㅎ)

정리하면 변환되기 전 자바스크립트 파일은 우리 컴퓨터(개발환경)에서 작성한 후 한번 '빌드'라는 과정을 거쳐 브라우저나 서버에서 실행할 수 있는 포맷으로 변경되어 최종적으로 배포됩니다!