윤프로 | 코드가 개발새발해

View Transitions API 여러 DOM 상태 간에 애니메이션 전환을 쉽게 생성하는 동시에 DOM 콘텐츠를 단일 단계로 업데이트할 수 있는 메커니즘 제공 모바일 앱을 사용하면서 화면 이동 전환이나 요소 애니메이션(슬라이드, 페이드 인-아웃 효과, 확대 등)을 흔히 볼 수있다. 이러한 애니메이션은 만들 수 있으나 그게 마냥 쉬운 것만은 아니다. SPA에서 이 같은 상태 간 전환에 CSS와 JS로 다음 과정을 수행한다. 이전 콘텐츠를 보여주면서 새 콘텐츠를 렌더링 → 애니메이션 발생 하며 전환 → 전환 완료 후 이전 콘텐츠 제거 위 과정에서 DOM에 이전 콘텐츠와 새 콘텐츠가 모두 표시되어 발생하는 문제가 있을 수 있는데, 이러한 DOM 변경 및 전환 애니메이션을 쉽게 처리하고자 등장한게 View ..

⚠️이 내용은 2021년도 프로젝트를 진행하며 작성했던 문서로 최신 버전과 다를 수 있습니다. 목차 0. 환경설정 1. 배포 1.1. 권장 설치 1.2. OpenVidu-Server Custom Dockerizing 1.3. 실행 2. Nginx 및 방화벽 설정 3. 실행 후 통신 확인 0. 환경 설정 본 문서는 환경 설정의 설치에 대해 깊게 다루지 않습니다. AWS EC2 Java Version : open-jdk-11 (openvidu 2.20.0 버전 사용 시 jdk 11 필요) maven : 3.6.3 docker docker-compose 도메인 구성 : HTTPS 를 사용하여 배포. Let's Encrypt를 사용하여 SSL 인증서 생성 서버 포트 구성 (공식문서 권장) ufw allow : ..

DOM 문서 객체 모델, HTML 문서 객체 구조 문서(웹 페이지)의 구조화된 표현을 제공. nodes(elements)와 objects(prpoerty, method, event)로 표현하며 tree 구조를 가짐 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. ⇒ API(web or XML page) = DOM + JS(scripting language) 프로그래밍 언어와 독립적으로 디자인 되었음. → DOM 의 구현은 어떠한 언어에서도 가능. 표준 W3C(World Wide Web Consortium) DOM Core DOM - 모든 문서 유형에 대한 표준 모델 XML DOM - XML 문서의 표..