HTML + JAVASCRIPT + CSS/ReactJS+AngularJS +VueJS
-
[TIP ReactJS] Material-UI에서 애니메이션을 제거하여 성능 향상 처리HTML + JAVASCRIPT + CSS/ReactJS+AngularJS +VueJS 2020. 7. 8. 22:46
[TIP ReactJS] Material-UI에서 애니메이션을 제거하여 성능 향상 처리 얼마전 회사 내에서 ReactJS의 디자인 라이브러리에 대한 비교를 하였습니다. 비교 디자인 라이브러리 목록 ant design Material-ui React-Bootstrap 비교 결과 우선 React-Bootstrap의 경우 애니메이션 효과가 전혀 없기 때문에 동일한 랜더링 결과를 확인할 수 없다고 판단되었습니다. 따라서 Material-UI에서 애니메이션 효과를 제거하는 코드를 반영해보았습니다. Material-UI에서 애니메이션 효과를 제거하는 코드 각 컴포넌트마다 애니메이션 효과를 제거할 수도 있고, 전체적으로 제거 할 수 있습니다. 아래는 모든 컴포넌트에서 애니메이션 효과를 제거하는 코드입니다. impor..
-
ReactJS Proejct Docker 이미지 생성 & 배포 하기HTML + JAVASCRIPT + CSS/ReactJS+AngularJS +VueJS 2020. 6. 24. 22:32
ReactJS Proejct Docker 이미지 생성 & 배포 하기 ReactJS 프로젝트를 docker 이미지를 생성하는 방법을 정리 합니다. 기본적으로 node 12.x 의 이미지에 nginx 이미지를 활용하여서 생성하였습니다. 자세한 내용은 Dockerfile 파일을 참고 하시면 됩니다. ReactJS 파일은 기본 명령어를 이용해서 생성하였습니다. $ npx create-react-app mycode1. 우선 ReacJS 프로젝트에서 다음 파일을 생성합니다. Dockerfile default.conf expires.conf 2. 이미지 생성하기 다음 명령어를 이용해서 이미지를 생성 합니다. # docker build -t ${image-name}:${version} . $ docker build -..