게시글
질문&답변
2024.06.01
다중요소 제어시 질문드립니다.
안녕하세요 gangsugi 님 😀 답변이 늦어서 죄송합니다. 질문에 올려 주신 상황은 브라우저의 캐시 기능 때문인 것으로 보입니다. 브라우저는 성능을 고려해야 하기 때문에 이전에 있던 값을 기억하려 합니다. 브라우저의 랜더링 즉시 애니메이션이 재생될 때 이런 이슈가 발생하지만, 대게 애니메이션은 브라우저의 랜더링 즉시 실행되지 않고 사용자와의 상호작용이 일어나야 작동되는 경우가 많아 문제가 되진 않습니다. 그래도 해당 애니메이션을 제대로 확인하고 싶다면 delay 속성을 추가하여 확인해보세요 😀 gsap.to(".box",{delay:1, y: 200, stagger: 0.5 }); 제가 요즘 오프라인 강의로 많이 바뻐서 답변이 많이 늦어져서 죄송합니다 🥹 감사합니다 :)
- 1
- 2
- 34
질문&답변
2024.05.20
dimmed 컬러 등록
같은 질문에 답변을 달았습니다. 링크를 추가 해놓겠습니다. https://www.inflearn.com/questions/1269737/dimmed-%EC%BB%AC%EB%9F%AC-%EB%93%B1%EB%A1%9D 감사합니다 :)
- 1
- 2
- 53
질문&답변
2024.05.20
dimmed 컬러 등록
안녕하세요 hyheo0601 님 😀 투명도를 가진 색상을 등록하는 방법을 캡쳐 이미지와 함께 설명드리겠습니다. 토큰 스튜디오에서 color 영역에 + 기호를 누릅니다. (사진) 컬러칩을 눌러 색상 선택 창을 open합니다. (사진) 토큰의 이름을 지정합니다. 4. 하단의 투명도 조절 버튼을 좌 우로 드래그하여 투명도를 조절합니다. (사진) 등록된 토큰을 확인합니다. (사진) 위 순서대로 진행하시면 투명도를 가진 토큰을 등록할 수 있습니다. 혹시 이미 등록된 black 토큰을 변수로 사용하여 opacity가 추가된 새로운 토큰을 만들고자 한다면, 해당 기능은 제공하지 않습니다 🥹 그래서 새로운 색상으로 등록을 하여 사용해야 합니다. 감사합니다 :)
- 1
- 2
- 75
질문&답변
2024.05.13
duration과 stagger
안녕하세요 eljsh95 님 😀 질문의 내용을 보면 수강생분이 얼마나 열심히 수강하고 있는지 보이는데, 해당 질문은 정말 열심히 GSAP을 공부하고 계신 것 같아 기분이 너무 좋습니다 😃 duration을 설정했어도 stagger의 시간과 아이템의 갯수가 duration을 넘어가게 된다면 stagger의 시간이 우선위로 간주되 애니메이션이 작동한다는건 알고 계실 것 같습니다. 그렇다면, duration을 적용 후 총 시간과 미적용 총 시간이 달라지는 이유에 대해 설명드리겠습니다. GSAP에서는 Stagger의 시간을 계산할 경우 앞에 처음으로 실행되는 아이템에 대해서는 시간을 계산하지 않습니다. 이유는 처음 대상은 stagger보다는 무조건 실행해야 하는 첫 아이템이기 때문입니다. 그럼 duration을 적용한 경우 duration 1초, stagger 0.5초, item * 8 아이템을 하나 제거한 7 * 0.5 + 1 로 계산되어 4.5초가 나오게 됩니다. 그리고 duration을 작성하지 않았을 경우 엔 트윈의 기본 duration은 0.5초가 기본값이므로 7 * 0.5 + 0.5가 되어 4초가 나오게 됩니다. 이렇게 계산되는 알고리즘을 가지고 있습니다. 해당 내용과 관련된 GSAP의 공식 답변 도 있으니 같이 확인 해보시면 좋을 것 같아 링크 남겨드립니다. 감사합니다 :)
- 1
- 1
- 61
질문&답변
2024.04.24
이미지 관련 사이트 문의드립니다.
안녕하세요 mTojs 님 😀 토이스토리 같은 이미지를 구하시려면 직접 포토샵으로 누끼를 제거하는 방법말고는 따로 제공되는 사이트는 없습니다 ㅠㅠ 직접 무료 이미지를 누끼를 제거 후 사용하시되 저작권이 없는 이미지를 사용하시면 됩니다. 제가 많이쓰는 무료 이미지 사이트는 아래 링크로 첨부 드립니다. https://unsplash.com/ko 감사합니다 :)
- 1
- 1
- 55
질문&답변
2024.04.22
반응형 관련해서 질문드립니다.
안녕하세요 wootae 님 😀 확인해보니 크롬 브라우저의 문제인 것으로 확인됩니다. 다른 브라우저 (파이어폭스)에서 확인한 결과 잘 작동합니다. 작업할 때 디바이스 툴을 사용하지 않고 창크기를 줄여서 본다면 동일하게 나오기 때문에 크게 문제가 없을것이라 생각됩니다. 이후 모바일 디바이스로도 확인해본 결과 문제 없이 잘 작동합니다. 제 강의를 완강 해주셔서 감사합니다 :)
- 1
- 2
- 76
질문&답변
2024.04.22
노션 링크 보는 곳
안녕하세요 chaewon y. 님 😀 노션 링크는 환경설정 챕터 하단에서 확인할 수 있습니다. (사진) 감사합니다 :)
- 1
- 1
- 91
질문&답변
2024.04.02
Token studio 플러그인 사용시...
안녕하세요 Ally 님 😀 토큰스튜디오에 토큰들을 등록하셨다면 피그마를 껏다 키셔도 남아있는게 정상입니다. 계속 초기화가 된다면 앱 버전이 아닌 브라우저에서 작업을 하고 있는가를 확인해 보시기 바랍니다. 깃헙의 연동은 토큰의 휘발성과는 전혀 상관이 없습니다. 감사합니다 :)
- 0
- 1
- 115
질문&답변
2024.03.18
타이포그라피(Typography)가 계속 사라집니다
안녕하세요 kwonhoo Roh님 😀 해당 문제는 토큰스튜디오가 불안정하기 때문에 저장이 되지 않는것으로 보입니다. 토큰스튜디오를 재시작 하시거나 인터넷 연결 상태를 확인해보세요 감사합니다 :)
- 1
- 1
- 71
질문&답변
2024.03.05
네이비티브 시스템 활성화
안녕하세요 열정맨 박이슬님 😀 해당 내용으로는 정확한 문제 파악이 어렵습니다. 붙여넣기한 UI의 모습과 안된다고 뜨는 에러의 모습도 사진으로 첨부해주시면 보다 정확하게 답변을 드릴 수 있을것 같습니다 🥹 감사합니다 :)
- 1
- 1
- 93