• webmini life skin Ver 1.3.2 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

2024/06/255

728x90
[CSS]transition 와 animation 차이 CSS에서 transition과 animation은 모두 애니메이션을 만들기 위한 속성들이지만, 각각의 목적과 사용 방식에 있어서 다소 차이가 있습니다.Transition (트랜지션)목적: 요소의 상태 변화를 부드럽게 처리하는 것이 주된 목적입니다. 주로 상호작용에 반응하여 요소의 상태가 변경될 때 효과적으로 사용됩니다. 주요 속성:transition-property: 어떤 CSS 속성에 트랜지션을 적용할지 지정합니다.transition-duration: 트랜지션이 일어나는 시간을 설정합니다.transition-timing-function: 트랜지션의 속도 곡선을 정의합니다.transition-delay: 트랜지션이 시작하기 전에 기다리는 시간을 설정합니다.사용 예시:.box { width: 100..
[CSS]CSS 주요 애니메이션 속성들과 설명 CSS 애니메이션을 구성하는 여러 속성이 있습니다. 각각의 속성은 애니메이션의 동작을 세밀하게 조정하는 데 사용됩니다. 여기서는 주요 애니메이션 관련 속성을 설명합니다. 주요 애니메이션 속성들@keyframes애니메이션의 중간 상태를 정의하는 데 사용됩니다.@keyframes는 애니메이션의 이름과, 각 프레임(0%에서 100%까지)의 스타일을 정의합니다.@keyframes animationName { 0% { /* 시작 상태 */ } 100% { /* 끝 상태 */ }}animation애니메이션을 한 줄로 정의할 수 있는 단축 속성입니다. 여러 개의 개별 애니메이션 속성을 포함할 수 있습니다.예: animation: animationName 2s linear 1s infinite alterna..
[Git]프로젝트 Git 사용시 .gitignore 에 제외할 파일,패턴,폴더 추가하기 Git 사용시 형상관리 저장소에 올리지 말아야 할 패턴이나 폴더, 파일들이 있습니다..gitignore 에 제외 목록을 추가하는 방법입니다.  .gitignore 파일은 일반적으로 Git 저장소의 루트 디렉토리에 위치합니다.이 위치에 두면 프로젝트 전체에 적용됩니다. 그러나 특정 하위 디렉토리에 .gitignore 파일을 두어 해당 디렉토리와 그 하위 디렉토리에만 적용되도록 할 수도 있습니다. 위치에 따른 적용 범위루트 디렉토리에 위치:프로젝트 전체에 적용됩니다.프로젝트의 최상위 디렉토리에 .gitignore 파일을 생성합니다.예: project/.gitignore하위 디렉토리에 위치:해당 디렉토리와 그 하위 디렉토리에만 적용됩니다.특정 폴더 내에 .gitignore 파일을 생성합니다.예: project..
[Vue.js]Vue 프로젝트 설치, 생성 및 파일 구조와 디렉토리 설명 1. Vue 프로젝트 생성Vue CLI를 사용하여 새로운 프로젝트를 생성합니다.# Vue CLI가 설치되어 있지 않다면 먼저 설치합니다.npm install -g @vue/cli# 새로운 Vue 프로젝트를 생성합니다.vue create my-vue-app 프로젝트 생성 시, 기본 설정을 선택하거나 커스텀 설정을 사용할 수 있습니다. 여기서는 기본 설정을 선택한다고 가정하겠습니다.cd my-vue-appnpm run serve npm run serve 명령을 실행하면, 로컬 개발 서버가 시작되고 기본적으로 http://localhost:8080에서 애플리케이션을 확인할 수 있습니다. 2. 프로젝트 구조프로젝트 폴더 구조는 다음과 같습니다.my-vue-app/├── node_modules/├── public..
[사이트]사이트 제작시 필요한 도구 모음 제공 사이트 'sitero' 사이트 제작시나 편리한 도구 모음을 제공해주는 곳이 있어 소개하고자 합니다.https://sitero.co.kr/ 사이트로(SITERO)필요한 도구를 가장 편리하게 개발하여 사이트로 만들었습니다.sitero.co.kr  서비스되고 있는 도구백분율 계산기 색상 코드 변환 폰트 단위 변환 웹접근성 명도 대비 검사 CSS로 삼각형 만들기 CSS 애니메이션 만들기 퇴직금 계산기 연차 계산기 사이트 제작시 자주 사용하는 것들과 회사생활에 궁금한 (퇴직금계산,연차계산기)등을 제공하는데 UI도 편리하게 정리되어있습니다.
반응형