---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇♂
✅ 멘토링 분야
- 디자인 시스템을 구축했거나 피드백이 필요한 작업물
- 개발자를 위한 디자인을 어떻게 확인 전달에 대한 이해
- 인터랙티브 웹을 만들고 싶은 사람
- 인터랙티브 웹 진로 고민
✅ 진행방식
- Discord를 활용한 수업 방식
- 예약이 되면 기재하신 연락처를 통해 접속 주소를 알려드립니다.
- 상호 원활한 대화를 위해 " 이어폰과 마이크 혹은 헤드셋" 을 준비해 주세요!
- 마이크가 없을 경우 채팅창으로 대화를 나눠야하는데 시간 Loss가 발생할 수 있습니다.
✅ 준 비 물
- 질문할 내용 list
- VScode가 설치된 컴퓨터
- 마이크+스피커 혹은 헤드셋 (상호 원활한 커뮤니케이션을 위해 필수)
- 본인이 작업했던 디자인 작업물 또는 개발 작업물
범쌤과 이런 저런 이야기를 나눠보고 싶은 분들 누구나 환영합니다!
현재 상황에 맞는 멘토링과 조언으로 과외를 진행하며 1:1 과외는 상당히 학습효과가 높습니다.
단시간에 많은 것을 얻어가실 수 있습니다.
강의
로드맵
전체 1수강평
- 디자인 시스템 with 피그마
- 웹 애니메이션을 위한 GSAP 가이드 Part.03
- 웹 애니메이션을 위한 GSAP 가이드 Part.01
- 웹 애니메이션을 위한 GSAP 가이드 Part.02
게시글
질문&답변
imagesLoaded 에 관해 질문드려요
안녕하세요 gangsugi님 😀 정확한 확인을 위해 전체 코드를 깃헙에 올려주시거나 메일로 보내주시면 확인 후 답변 드리도록 하겠습니다!seonbeom2@gmail.com 감사합니다 :)
- 1
- 1
- 28
질문&답변
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
안녕하세요 이수연 님 해당 질문에 대한 업데이트 소식을 새 소식에 추가해놓은 적이 있습니다. 해당 내용을 확인하시고 마지막 영상을 먼저 시청하신 후 이후 수업을 진행해 주시면 더욱 좋을 거 같습니다. https://www.inflearn.com/course/%EB%94%94%EC%9E%90%EC%9D%B8-%EC%8B%9C%EC%8A%A4%ED%85%9C-with-%ED%94%BC%EA%B7%B8%EB%A7%88/news/1355091감사합니다 :)
- 1
- 2
- 53
질문&답변
FOUC 관련 질문입니다!
안녕하세요 yooniverse 님 😀 정확한 확인을 위해 깃헙 주소를 같이 남겨주실 수 있을까요~?
- 1
- 1
- 44
질문&답변
scroll Draw SVG에서 실선이 아닌 점선으로 그리고 싶어요
안녕하세요 ssooya90 님 😀 strokeDasharray만으로는 dotted stroke의 애니메이션을 구현하기에 한계가 있습니다.(점들이 모여 선을 이루는 구조이기 때문에 그렇습니다) 그래서 점선 한칸씩 애니메이션의 반복을 주어 dotted stroke를 그려나가는 방식을 사용해야 합니다.아래의 코드를 참고해보세요 https://codepen.io/kindtigerr/pen/bNbaowq 감사합니다 :)
- 1
- 1
- 49
질문&답변
파트 4 오픈 일정 문의
안녕하세요 한봉경님 😀 제 강의를 좋게 봐주셔서 감사드립니다 🙇♂아마 내년초에 피그마 온라인 강의 오픈 후 내년 말쯤에 파트4 강의가 올라가지 않을까 합니다. 웹 애니메이션에 관심 가져주셔서 감사하고, 이후에 25년 이후에 자바스크립트 강의와 리액트 강의도 순서대로 오픈할 예정이니 많은 관심 부탁드립니다 😄 감사합니다 :)
- 1
- 2
- 62
질문&답변
깃허브 sync 오류
안녕하세요 김재영님 😀 깃헙 유저명과 저장소 이름에 대소문자가 다 맞는지 확인해주시고, 혹시 새로운 저장소를 만들고 푸시하는 거라면, 새로운 저장소에 아무것도 없으면 올라가지 않습니다.README.md 파일 하나라도 올려 놓으셔야 해당 토큰이 올라갈 수 있습니다! 이 부분도 확인해주세요 :)
- 1
- 2
- 79
질문&답변
GSAP을 사용하면서 리사이징 시 애니메이션 값 재할당에 대해 질문드립니다.
안녕하세요 보르코님 😀 DOM 객체에 속성은 GSAP이 관리하는 대상이 아닌 Javascript 자체의 처리 결과이기 때문에직접 가져올 경우 이벤트를 사용해 업데이트를 해줘야 합니다.DOM 객체를 GSAP으로 반응성을 직접 제어하고자 한다면 gsap.to(elem,{ x:()=>{ // 콜백 사용 } }) 속성에 콜백 함수를 연결하여 사용하는 방법이 있습니다.콜백 방식을 사용하면 gsap이 업데이트 될 때마다 값을 새롭게 계산하기 때문에 보다 편하게 애니메이션 제어가 가능합니다. Q. 스크롤을 중간으로 내렸을 때처럼 애니메이션이 중간정도 진행됬을 때와 같은 경우를 처리하는 방법이 따로 있는지도 궁금합니다.이 부분에 대해선 제가 제대로 이해하지 못해 답변을 드리기 어렵습니다 ㅠ^ㅠ 감사합니다 :)
- 1
- 2
- 65
질문&답변
스무스 스크롤바 모바일에서 뻑뻑한 느낌이 들어요!
안녕하세요 rinrinhye님 😀 모바일은 환경이 다양해서 정확한 답변을 드리긴 어려울 것 같습니다. 공식 문서에서 안내하는 내용은 활성화 / 비활성화를 제공하거나 플러그인을 사용해 delta 값을 다르게 내보내는 형태로 사용이 가능하다고 제시하고 있습니다. mobile scroll disabled https://github.com/idiotWu/smooth-scrollbar/issues/159smooth-scroll mobile issue :https://github.com/idiotWu/smooth-scrollbar/issues?q=%08mobile감사합니다 :)
- 1
- 2
- 129
질문&답변
선생님 알려주신 내용을 기반삼아 구현하고 싶은 UI가 있습니다.
안녕하세요 eljsh95님 😀 공전 애니메이션에 대한 질문이 많아 텍스트로 설명드리기 한계가 있어영상으로 제작하여 답변을 드려봅니다. 섹션5. GSAP utils method 부분에 삼각함수 파트를 레코딩으로 남겨놨으니 참고하여 실무에 반영해보시면 좋을 것 같습니다. 감사합니다 :)
- 1
- 2
- 104
질문&답변
업데이트 버전 토큰 스튜디오 import 시 ..and 2 more
안녕하세요 오재용님 😀 보통은 and 2 more 부분을 클릭하면 하단에 더 길게 나오게 됩니다. 혹시 클릭을 해도 나오지 않을까요?
- 1
- 1
- 100