묻고 답해요
153만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
순위 정보를
불러오고 있어요
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
랭크메쓰 설정방법 질문
저는 위에 같이 나오는데 어떻게 설정하면 될까요?
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
404 페이지 푸터가 안보이네요 ㅠ
404페이지 푸터가 안보이는데 다시보이게 설정하려고 매니저>에서 푸터에서 글로벌 푸터 선택했는데도 안보이네요 무슨문제일까요?
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
8번강의 마지막부분에서 자꾸 무한로딩이
8번강의 하단에서 자꾸 무한로딩걸려서 재생으로 눌러도 안나오네요 ㅜㅜ다른강의는 잘나오는데 저만 그런건지 사이트오류인지 모르겠네요.여러번 껐다가 키고 쿠키도 지워보고 컴퓨터도 새로 켜봤는데 자꾸 그부분만 무한 로딩이네요
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
강의에 플러그인
강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다.(커뮤니티 주소 https://itconnect.dev/커뮤니티/) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다.https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing플러그인이 안나오네요 강의에서 알려준대로 검색했는데 다른방법이 잇을까여? 플러그인은 Extra file types이예요
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
하단 네비게이션 메뉴
강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다.(커뮤니티 주소 https://itconnect.dev/커뮤니티/) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다.https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharin 하단에 네비게이션 메뉴가 잘려보이는데 어떻게 바꿔야하나여?아무리 찾아도 안보여서요 ㅜg
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
scrolltrigger pin-spacer 영역 없애는 법 있나요?
선생님, 사진처럼 gallery를 감싸는 pin-spacer가 생겨서 하단에 하얀 영역이 생깁니다.scrolltrigger에서 자동적으로 만드는 거 같은데 이거 없애는 방법이 있을까요? background를 같은 색으로 하니 괜찮아보이긴 했지만 어쨌든 의도하지 않은 공간이 나타난거니 수정하고 싶어서요...gallery에 height: 100vh ! important를 해도 안 먹히는데 어떻게 하는 게 좋을까요?혹시나 하여 선생님 메일로 제 코드파일 전체를 미리 보내드립니다.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
완성본 요청드립니다.
선생님 후기 작성했습니다.완성본 빠르게 메일 전달 부탁드립니다^^급하게 확인하고 싶어서요..
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
선생님 완성본 문의드립니다.
선생님 안녕하세요!빠르게 완강하였는데 빼먹은게 약간 있는 것 같아요ㅠㅠ혹시 전체 파일(완료파일)포함 전달 받을 수 있을까요?chaen32068@naver.com 부탁드립니다!!
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
simplyscroll Plugin에 대해서 질문드립니다.
섹션3에서 simplyscroll Plugin을 사용해서 사진들이 사선을 흘러가는 갤러리 부분에서 질문드립니다.수업자료로 받은 플러그인도 연결하고 소스도 그래도 넣었지만 요소검사를 했을때 아래 클래스가 붙어있어야 하는데 전혀 붙지가 않아서요,갭처한 코드 이미지를 보고 그대로 몇번을 다시 해봤지만 되질않아서요그 부분까지만 완성한 파일을 받아볼수 있을지요?kwanggony@naver.com.simply-scroll .simply-scroll-clip{}
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
가로스크롤 갤러리 반응형에서 scrollTrigger 동작 문제
안녕하세요 선생님. 강의 정말 잘 듣고 있습니다. 다름이 아니라, 가로 스크롤 반응형 제작중갤러리 형태를 세로 방향으로 바꾸는 과정에서 scrollTrigger 를 없애기 위해서 li 를 padding: 0; 으로 바꿔주면 된다고 하셨는데, 저는 적용이 되지 않아 반응형에서도 갤러리들이 가로방향으로 스크롤이 되는 문제가 생깁니다.. 도저히 이유를 모르겠어서 질문 올립니다감사합니다..work { position: relative; height: 100vh; border: 2px solid tomato; } .work ul { display: flex; padding: 3% 30%; box-sizing: border-box; } .work ul li { width: 600px; padding: 100px; box-sizing: border-box; flex-shrink: 0 !important; } @media screen and (max-width: 1024px) { .work { height: auto; } .work ul { padding: 0% 5%; justify-content: space-between; flex-wrap: wrap; } .work ul li { padding: 0; width: 45%; margin-top: 150px; } }
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
가로스크롤 scrollTrigger 가 작동되지 않습니다.
안녕하세요 선생님. 여러번 똑같이 따라 쳐보았으나..markers: true 여도 페이지에 scrollTrigger 표시가 되지 않고, 가로 스크롤이 동작하지 않습니다. console 창에 다른 오류 사항은 뜨지 않습니다. 무엇이 문제인지 전혀 모르겠어서 질문 남깁니다..$(function () { // GSAP Plugin gsap.registerPlugin(ScrollTrigger); ScrollTrigger.matchMedia({ "(min-width: 1024px)": function () { // horizontal scroll let list = gsap.utils.toArray(".work ul li"); let scrollTween = gsap.to(list, { xPercent: -100 * (list.length - 1), ease: "none", scrollTrigger: { trigger: ".work", pin: true, scrub: 1, start: "center center", end: "300%", markers: true, }, }); }, }); });
-
미해결그리드(Grid) 핵심이론 및 실전 활용
창 높이가 작을 때 레이아웃 깨짐현상
.project-gallery { display: grid; grid-template-rows: 300px calc(100vh - 600px) 300px; } 100vh 뷰포트 높이로 calc를 사용하게 되면 창 높이가 작아졌을 때 레이아웃이 깨지는데 100%나 calc 가 아닌 1fr 로 사용해야하지 않을까 싶은데 맞을까요?아님 다른 해결책이 있는지도 궁금합니다.
-
해결됨GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
ScrollTrigger 플러그인이 작동되지 않는 것 같습니다
안녕하세요$(function(){ gsap.registerPlugin(ScrollTrigger); ScrollTrigger.matchMedia({ '(min-width: 1024px)': function(){ let list = gsap.utils.toArray('.work ul li'); let scrollTween = gsap.to(list, { xPercent: -100 * (list.length - 1), ease: 'none', ScrollTrigger: { trigger: '.work', pin: true, scrub:1, start: 'center center', end: '300%', markers: true, } }); } }) });현재 여기까지 작성을 하였는데 창 새로고침과 동시에 갤러리 가장 끝쪽으로 넘어가버립니다.콘솔에서는 이렇게 뜨구요,,,markers도 안 보이는 걸 보니 플러그인이 작동되지 않는 것 같은데코드를 전부 똑같이 치고 몇 번을 다시 봤는데도 전혀 안 되네요...파일 첨부를 어떻게 하는지 몰라서 제 코드 파일 다운로드 링크를 함께 올립니다.한번 확인 가능할까요?ㅜㅜhttps://bigfile.mail.naver.com/download?fid=JYbZa6JnM6mraAUjKCY9KqvdHqUmKoEmFAU/KxvqKxg/HquXFA2dFAtqaxvjF6UlazKZaztlF4U/FrpSMoUdaAMqaxI0KrtlKA+oFAb=
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
contentBox 에서 한글 입력 오류 문의
서비스 문의 / 문의 내용 * 에서 한글 입력을 해보면 첨부한 그림과 같이 커서 아래에 푸른 _ 가 하나 계속 커서를 따라 다닙니다. 테스트 개발은 문제 없지만, 실제 업무에서는 사용이 불가할 것 같은데요. 해결책이 궁금한데요. 혹시 방법이 있을까요?
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
포트폴리오 문의드립니다.
강사님 안녕하세요.gsap강의 소개에 있는 에이전시 합격 포트폴리오는 수강생들 각자 제작한걸까요?아니면 이번 수업중에 있는 내용일까요?너무 잘 만드셔서 참고해서 만들어보고 싶은데 정보를 얻을 수 없을까요.. 문의드립니다.
-
미해결Tailwind CSS로 만드는 멋진 웹 UI 스타일링
그리드 레이아웃 관련 질문드립니다.
안녕하세요! 강사님!그리드 레이아웃과 관련되어 질문이 있습니다. 보통 디자이너들은 모바일, 태블릿, 데스크탑을 분리해서 개별적인 그리드 시스템을 활용해서 디자인을 진행하는 것으로 알고있습니다. <div class="container mx-auto"> <div class="grid grid-cols-4 md:grid-cols-8 lg:grid-cols-12"> <div class="col-span-4"> a </div> <div class="col-span-4"> b </div> <div class="col-span-4"> c </div></div></div> 이런식으로 각 섹션마다 container mx-auto로 컨테이너를 생성해주고 내부 row를 grid-cols로 그리드화하고 그리드 레이아웃에 맞게 컬럼들을 확보해서 하는 방식은 실제로는 잘 사용되지 않는 방법일까요 ?! 여러 군데를 찾아보아도 실제 grid를 사용하는 곳은 카드 UI들을 동일한 간격으로 배치하는 구조로만 사용하더라구요!
-
미해결실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)
강의자료 요청드립니다
크루알라모드 강의수강 했는데자료 다운 받아보니 안에 내용이 없습니다자료요청 드려용rkgml6255@naver.com
-
해결됨XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!
궁금해요
섹션7 강의에서 스크롤관련 소스에서 정확히 알고자 질문드립니다아래 부분에서 $.fn 은 무슨 뜻인지요?표현식함수로 만든건 알겠는데 앞에 부분을 삭제하니 실행이 안되더라구요, $.fn.scrollMoving= function(){ let elementTop = $(this).offset().top; //선택한 요소의 Y축 좌표값 let elementBottom = elementTop + $(this).outerHeight();//Y축 좌표값+현재요소의 높이값 let viewportTop = $(window).scrollTop();//화면의 스크롤값 let viewportBottom = viewportTop + $(window).height();//스크롤값+화면의 높이 return (viewportTop < elementBottom) && (elementTop < viewportBottom) //들어오는 시점과 나가는 시점을 알아냄 };
-
해결됨UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오
figma에서 이미지 크기를 문의드립니다
안녕하세요.선생님께서 제공해주신 피그마 화일에서움직이는 아이콘을 확대해도이미지가 깨지지 않습니다.방법을 알려 주실 수 있을까요?질문이 많은데, 친절히 설명해주셔서 감사합니다.답변을 기다리겠습니다. 감사합니다.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
섹션8 질문
안녕하세요. 선생님섹션 8 강의: con02영역_인터렉티브 모션 : Gsap ScrollTrigger를 활용한 워크리스트제작에서 'My Work' 텍스트를 스크롤할 때 고정시키고 아래 .workList 영역에게 margin-top을 줘서 자연스럽게 스크롤 되도록 설정해주셨는데,스크롤 밑으로 내릴 때는 자연스러워보여도 스크롤을 위로 다시 올릴 때 'My Work' 애니메이션이 위영역과 겹친다거나, 부자연스러운데... 이부분은 어떻게 해결해야 되나요? 그리고 타이틀영역을 positon: sticky로 적용하는 방법은 없을까요?
주간 인기글
순위 정보를
불러오고 있어요