자바스크립트 동적인 import() & export

01 Jul 2018 • Development

리액트 등 자바스크립트로 화면을 개발하다보면 import, export 를 거의 대부분의 파일에 쓰게 되는데, 전체 앱을 감싸는 컴포넌트 또는 스토어에 특정한 객체(예로, 로그인 정보, 유저 권한 등)가 있는지 없는지에 대한 보장을 받고 싶었다. Vue에서는 잘 모르겠으나, 리액트 컴포넌트의 라이프 사이클 메소드인 componentDidMount나 componentWillMount 등에서 ajax 요청을 하여 원하는 정보를 가져오고 state 를 변경하는 등의 작업이 일반적인 방법으로 쓰여지고 있는 것 같다.

More …

JS 동적인 export의 실제 적용 코드

01 Jul 2018 • Development

좀 전에 비동기 모듈의 import, export 에 대한 글을 부족한 영어 실력으로 번역을 했는데, 내친김에 실제 지금 개발하고 있는 리액트 어플리케이션에서 어떻게 사용하고 있는지 적용된 코드를 올려놓으면 나중에 이 부분만 간단히 볼 때 도움이 될 것 같아 작성하게 되었다. 물론 중요한 부분만 추려서.

More …