Tue Dec 10 9:52PM

저번에 화면을 동적으로 바꿔주는 기능을 구현해보자 했었다. 

버튼을 클릭하면, 브라우저 주소는 그대로지만, 돔 요소만 변경되도록 코드를 구현해보자. 

 

하나는 돔 요소를 동적으로 변경하는 코드를 html 내부에 삽입하는 것. 또 하나는 돔 요소 자체를 서버 리소스로 들고 있다가, 필요할 때 통신으로 쏴주는 것이다.

돔 요소를 조작하는 건 그렇게 어려운 일이 아니다.

돔 요소 변경

간단한 코드 몇줄로 얼마든지 정적 요소를 동적으로 유저에게 노출 시켜줄 수 있다. 유저의 서비스 맥락만 로컬 클라이언트에 제대로 저장되어 있고, 클라이언트의 실행 환경이 항상 동일하다는 전제에선, 해당 방식 또한 매우 양호한 편이다. 이를테면, 어릴적 많이 하던 인터넷 플래시 게임이 있겠다.

 

그럼 돔 요소 자체를 백 서버에서 들고있다가, 프론트로 보내주는 방식은 어떨까? 직렬화 되어있는 문자열을 받아와, 기존에 있는 돔에 붙혀주면 되지 않을까 싶다.