Velopers
모든 블로그
씨앤텍시스템즈

씨앤텍시스템즈

도메인cntechsystems.tistory.com
주요 카테고리 백엔드 · 프론트엔드

활동 요약

대표 인기 포스트SVG를 이용하여 Animation 만들기65 조회
최근 30일
0개
평균 조회
27
누적 조회
270
전체 글
10개
마지막 발행
2024. 3. 8.
블로그 방문

씨앤텍시스템즈 기술 블로그 글 (3)

프론트엔드

SVG를 이용하여 Animation 만들기_후속

SVG의 `viewBox`, `viewport`, `preserveAspectRatio` 개념을 정리하고 `meet`와 `slice`의 동작 차이를 설명했습니다. 크기 관계에 따라 정렬 기준이 어떻게 달라지는지 예시로 살펴보았습니다.

#SVG#HTML#Animation
3100

프론트엔드

SVG를 이용하여 Animation 만들기

SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.

#SVG#Animation#CSS
6500

프론트엔드

Angular Router 적용

Angular Router의 역할과 SPA에서의 라우팅 기본 개념을 설명했습니다. `routerLink`, `router-outlet`을 활용한 컴포넌트 전환 설정 과정을 예제로 정리했습니다.

#Angular#router#SPA
1800