본문 바로가기

전체 글472

웹사이트의 애니메이션 이미지 삽입 오래전에는 플래시를 사용하여 움직이는 애니메이션을 사이트에 삽입하였으나 요즘에는 css나 svg를 통해 애니메이션을 제작하고 이미지로 삽입을 합니다. 애니메이션을 어떻게 표현하는지에 대해 알아보고자 합니다. CSS 애니메이션 사용하기 CSS의 @keyframes와 animation 속성을 사용하여 이미지나 요소에 애니메이션 효과를 줄 수 있습니다. 이를 통해 이미지의 크기, 위치, 회전 등 다양한 속성을 애니메이션으로 구현할 수 있습니다. SVG 애니메이션 사용하기 SVG 파일 자체에 애니메이션 효과를 넣을 수 있습니다. SVG 파일은 XML 기반이므로 태그를 사용하여 애니메이션을 정의할 수 있습니다. Lottie 애니메이션 사용하기 Lottie는 After Effects로 만든 애니메이션을 웹, 모바일.. 2024. 4. 21.
컴퓨터 드라이브 중 recovery영역 Recovery 영역은 컴퓨터 운영 체제(OS)를 복구하거나 초기화할 수 있는 특별한 영역입니다. 이 영역에는 운영 체제 및 기본 프로그램의 백업 이미지가 저장되어 있어, 문제가 발생할 경우 이를 통해 컴퓨터를 원래 상태로 복원할 수 있습니다. Recovery 영역의 주요 기능은 다음과 같습니다. 1. 시스템 복구: 운영 체제나 중요 시스템 파일이 손상되었을 때 Recovery 영역에 저장된 백업 이미지를 사용하여 컴퓨터를 원래 상태로 복원할 수 있습니다. 2. 공장 초기화: Recovery 영역을 통해 컴퓨터를 공장 출하 상태로 초기화할 수 있습니다. 이 경우 모든 사용자 데이터와 설치된 프로그램이 삭제됩니다. 3. 드라이버 및 소프트웨어 복구: Recovery 영역에는 운영 체제에 필요한 기본 드라이.. 2024. 4. 17.
SPRING PSA(Portable Service Abstraction) Spring의 PSA는 기술 독립성을 제공하는 추상화 구조입니다. 이를 통해 개발자는 특정 기술에 종속되지 않고 일관된 방식으로 기술에 접근할 수 있습니다. PSA는 POJO(Plain Old Java Object) 원칙을 따르며, 환경 변화에 상관없이 일관된 접근 방식을 제공합니다. Spring PSA의 특징 기술 독립성: PSA는 특정 기술에 종속되지 않고 일관된 방식으로 기술에 접근할 수 있게 해줍니다. POJO 원칙: PSA는 POJO 원칙을 따르므로, 비즈니스 로직과 기술 구현을 분리할 수 있습니다. 환경 변화 대응: PSA는 환경 변화에 상관없이 일관된 접근 방식을 제공합니다. Spring PSA의 구현 Spring의 PSA는 다음과 같은 방식으로 구현됩니다: 추상화 계층 제공: Spring은.. 2024. 4. 17.
[web]JSP 내장객체 JSP 내장 객체는 JSP 페이지에서 바로 사용할 수 있도록 미리 정의된 객체입니다. 이 객체들은 서블릿 컨테이너에 의해 자동으로 생성되며, 웹 브라우저에서 서버의 JSP 페이지로 전달되는 정보를 처리하는 데 사용됩니다. JSP 내장 객체 종류 request: 클라이언트의 요청 정보를 담고 있는 객체 response: 클라이언트에게 보내는 응답 정보를 담고 있는 객체 out: JSP 페이지의 출력 스트림을 나타내는 객체 session: 클라이언트의 세션 정보를 담고 있는 객체 application: 웹 애플리케이션의 전역 정보를 담고 있는 객체 config: JSP 페이지의 설정 정보를 담고 있는 객체 page: 현재 JSP 페이지 자체를 나타내는 객체 pageContext: JSP 페이지에 대한 다양한.. 2024. 4. 17.

티스토리툴바