본문 바로가기
FrontEnd 기초

동형 자바스크립트(Isomorphic JavaScript)

by junsday 2019. 5. 1.

Isomorphic이란?

- Isomorphic은 그리스어 '동등(equals)’을 의미하는 'isos’와 '형태(shape)’를 의미하는 'morphic’이 합쳐진 합성어다. Isomorphism은 서로 다른 컨텍스트를 가진 동일한 개체를 설명한다. 개발쪽에서 이야기하는 문맥에서는 서버(server)와 클라이언트(client)를 말한다.


isomorphic javascript란

- 개발쪽에서 말하는 아이소몰픽(Isomorphic, [àisəmɔ́ːrfik]) 은 동일한 소스코드를 가지고 서버쪽과 클라이언트쪽에서 작성하는 형태를 지칭한다고 볼 수 있다. 이 용어는 주로 수학에서 사용되었지만 최근들어 웹 프로그래밍 패턴에서 프론트엔드와 백엔드의 코드를 공유하는 곳에서 사용되고 있다.


Why?

- 동형 자바스크립트를 이용하는 React를 사용하여 클라이언트 사이드 렌더링의 단점을 보완(SEO, 초기화면 로딩 속도)

- 클라이언트 쪽을 개발하는 JavaScript 개발자와 서버측의 Java 개발자를 따로 두지 않아도 되고 Java에서 하기 힘든 html 렌더링을 손쉽게 처리할 수 있다는 장점이 있어서 유지보수에 비교적 유리하다.



댓글