VamosDev의 개발 브이로그

css 속성 linear-gradientbackground-image의 속성 값으로 적용. 활용법 background-image: linear-gradient(색상1, 색상2);=> 위에서 아래 방향으로 색상1, 색상2가 그라데이션으로 채워짐.ex) background-image: linear-gradient(rgba(255, 255, 255, 1), white) background-image: linear-gradient(각도, 색상1, 색상2);=> 각도 입력 시 해당 각도만큼 회전, 예를 들어 90도 설정시 좌에서 우 방향으로 색상1, 색상2가 그라데이션으로 채워짐.ex) background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, ..

문제gsap timeline 진행 중 state 변경 시(useState로 상태 값 변경 시) 애니메이션이 끊기고 요소가 사라지는 현상이 발생. 해결timeline을 useRef를 사용하여 변하지 않도록 저장한다.

GSAP ScrollTrigger pin 설정시 모든 요소가 사라지거나CSS가 완전히 들어져버리는 오류가 발생했다. 대표적인 오류 원인은 아래와 같다.1. pin 대상이 position: absolute 또는 fixed인 경우원인: pin은 내부적으로 position: fixed 또는 relative를 쓰는데, 이미 절대 위치로 배치된 요소는 고정 시 의도한 위치를 벗어납니다.현상: pin 시 요소가 화면 밖으로 날아가거나, 전혀 보이지 않음.해결: pin할 요소는 static 또는 relative여야 하며, 절대 위치는 제거. 필요하면 pin 전용 래퍼를 만들어 그걸 고정.2. pin 대상의 상위 요소에 transform, filter, perspective가 있는 경우원인: CSS transform ..

"정적 페이지"라면 GitHub pages로 무료 호스팅을 이용할 수 있다.특별히 공부할 것이 없어서 쉽게 이용할 수 있으니, 초보에게 추천한다.또, 해당 브랜치에 푸시를 하면 자동으로 웹사이트 내용이 업데이트 되므로 편리하다. 완성한 웹사이트 코드를 우선 빌드해둔다. 1. GitHub에서 배포할 코드를 올릴 repository를 새로 만든다.이 때, Configuration > Choose visibility 는 "Public"으로 설정한다. 만약 이미 만들어서 사용하고 있던 repository를 사용한다면, 메뉴에서 Settings > General 페이지의 가장 하단 Danger Zone에서 Change repository visibility를 수정한다. 2. Settings > Pages..

cafe24 도메인일 경우를 전제로 하였다. 목표 origin.co.kr 로 접속 시,destination.co.kr로 페이지가 이동되길 바랐다. 1. 포워딩하기 가장 간편한 방법.두 도메인이 모두 cafe24의 네임서버를 사용하고 있는 경우라면 가능하다.해당 origin 도메인은 다른 어떤 호스팅에 연결되어 있지 않고, 어떤 이미 포워딩되고 있는 상태가 아니어야 한다. * 만약 네임서버가 cafe24가 아닌 타기관의 서버라면,호스팅센터 페이지 > 나의 서비스 관리 > 도메인관리 > 네임서버 변경에서 cafe24 서버로 먼저 변경을 해주어야 한다.반영되는 데에는 24~48시간이 걸린다고 한다. 호스팅센터 페이지 > 나의 서비스 관리 > 도메인관리 > 도메인 포워딩 관리에서 origin 도메인을 선택 ..