동작화면구성 질문

Question

Vue.js를 공부하고 있습니다. 동적화면 구성을 하는 것이 핵심인데요.

그 아이디어는 미리 전체 소스코드를 로딩해 놓는다는 점까지는 알겠습니다.

그런데 전 특정 URL의 HTTP GET 메소드 응답 소스코드 전체를 로딩하는 건 줄 알았는데 하나의 HTTP GET 페이지 내에 하드코드된 소스코드를 일일이 적어줘야 하는 거 같더라구요.

이게 좀 이상합니다. 원래 이런가요? 함수 불러다 쓰는 것 마냥 코드가 깔끔해야 하는데 좀 지저분하다고 느껴집니다.

그리고요. 동적화면 구성이라고 하는데 실상은

비유를 하자면 함수 몇 개 내용까지 다 채워서 선언해놓고 불러다 쓰는 방식 인거 같습니다.

이게 예전에 자바스크립트에서 HTML 태그뭉치를 하나의 함수로 함수화 하는 방식이 번거로웠던 것을 편히 해준 느낌이랄까요.

이게 원래 그런 개념인가요?

요사이 유명세를 떨치는 리액트도 Vue도 이게 핵심인가요?

Answer 1

동정화면을 구성할 때 번들에 소스코드를 다 포함시키지 않고 필요할 때 불러와서 쓸수도 있습니다.

저는 Vue보다는 React를 이용하고 있는데요. Vue나 React를 쓰는 이유는 모듈코딩 외에도

많습니다. 그리고 ES6로 코딩하시면 생각이 조금 바뀌실 것 같습니다.