묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
동영상 강의 색상 상수와 제공된 자료 및 git 소스의 자료가 다릅니다.
안녕하세요?이제 실습을 해보고 있는데요.제목 그대로, 동영상 강의에서 보여지는 색상 상수와강의자료로 제공되는 자료 및 github 소스상의 자료가 다릅니다.my_color.dart 확인 좀 부탁드립니다.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
3차 y축으로 올라오는 갤러리제작
3차 y축으로 올라오는 갤러리제작에 관한 질문입니다이미지와 왼쪽에 있는 클론코딩 제목이 같이 올라오게 하고 싶거든요Concierge 글자가 올라오면서 이미지가 올라오고두번째 Hanwha Solutins가 올라오면서 이미자가 올라오는이런건 안될까요?
-
미해결TailwindCSS 완전 정복: 포트폴리오부터 어드민까지!
스니펫 관련질문
이거 근데 log이렇게 치면console.log(''); 이렇게 되야되는거 아닌가요? 이상하게 안되네요console.log(); 이렇게 밖에 스니펫이 안되는데 '$1' 에서 '' 이부분은 왜 씹히는거죵?ㅠㅠ
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
내용입력할때 p안쓰고 span쓰는 이유가 있을까요
내용을 입력하실때 <p>태그를 안쓰고 <span>태그를 쓰신다음 display:block으로 하신 이유가 있을까요?
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
섹션 .con02 gsap 질문
안녕하세요 먼저 너무 유익하고 도움이되는 강의를 주셔서 감사드립니다. .con02에 workList gsap쪽에 질문이 있어서 글 남기게 되었습니다.my work 타이틀이 fixed되고 리스트들이 올라왔다가 다시 스크롤을 천천히 위 방향으로 해서 올라가다보면 리스트 영역이 이상하게 위로 올라왔다가 사라지는 현상이 있어서 문의 드립니다.
-
미해결실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)
강의 자료 요청합니다~
강의를 듣기 시작했는데 강의자료는 어디에서 받는지 몰라 질문드려요~kjj5421@naver.com으로 자료 요헝 드려도 될까요?
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
scrolla 질문
안녕하세요, 강사님.다름이 아니라 스크롤라 반복이 되지 않아서 질문 드립니다.알려주신대로 펑션으로 스크롤라를 호출하고 인덱스 파일에 애니메이트도 선언했습니다만, 처음에만 애니메이션이 작동하고 스크롤을 내렸다 올릴 땐 작동하지 않습니다.스크롤을 초기화 해야 되는걸까요?챕터마다 넣어주신 캡쳐 파일에선 저랑 다른 부분을 찾기가 어려워 질문 남깁니다!
-
미해결Tailwind CSS로 만드는 멋진 웹 UI 스타일링
섹션 1 - 3강 화면이 안나오는것 같네요
섹션 1 - [필독] CDN 사용법과 비주얼스튜디오코드에서 Tailwind CSS IntelliSense 세팅강의 화면이 하얀색 배경화면만 나오고 수업내용은 안보이네요. 소리는 정상적으로 들립니다.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
header gnb splitting 적용문제
안녕하세요. 오늘 처음 수업을 시작하면서 <header> <nav>영역에 splitting 적용을 해봤는데요.해당 모션이 적용되지 않아 문의드립니다.혹시나 싶어 codepen 예제만 따로 만들어봤는데 동일한 현상이 생기고 있어 제가 무엇을 잘못하고 있는지 알 수가 없습니다.완성본을 따로 받아 볼 수 있을지도 문의드립니다.
-
해결됨HTML5 CSS3 기초 & 반응형 웹 템플릿 만들기!
동영상 보는 웹페이지에 강의 web-book 보는 방법 알려주세요
동영상 보이는 곳에서 Web-Book 어떻게 보나요?https://www.books.weniv.co.kr/로 가서 봐야 하나요?동영상 강의 하는 웹페이지 어디선가 찾아 볼 수 있었으면 좋겠습니다.제가 못 찾는 건지 모르겠지만.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
clamp, min max를 활용한 강의도 있나요??
선생님 정말 너무 궁금해서 댓글씁니다. 저는 웹퍼블리셔입니다. 요즘들어 clamp(2px, 5.333vw, 2.3rem) 등등 min max도 저런식으로 작업하는 사이트들을 종종봅니다. 계산하기가 너무 어려운데 선생님도 저렇게 작업하시는 경우가 잇나요 보통 여백및 폰트사이즈 갭 넓이 높이를 전부다 clamp, 및 min max로 작업한 사이트들이 점점 많아 지고잇어요 저는 계산법을 도저히 이해하지못해서 멘탈이 나간상태인데 요즘 추세가 저런식으로 작업을 하나요? 댓글 꼭 부탁드립니다. 이론은 알고잇습니다. clamp는 최소값 기본값 최대값 이란것도 알고있구여 선생님도 저렇게 작업을 하시나요????
-
해결됨부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프
스텝7 분량은어느정도될까요?
갠적으로 앞으로 오픈할 강좌로드맵에 스텝7이 관심이가는데 (강의시간)분량이 어느정도될까요?
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
SEO 강의 언제 나올까요?
seo 강의 인줄 알고 샀는데 아니였네욥.
-
해결됨부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프
애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다. 두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
완성본은 따로 없는건가요?
자료를 받으면 이미지랑 캡쳐본만 있는데 완성본은 없는건가요?cctv0820@naver.com 입니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)
순수 CSS 선택자 중첩(Nesting) - 활용예제 (로그인폼)관련 질문있습니다.
scss 작성하다가 궁금한 것이 있어 질문 남깁니다.scss를 작성할 때 띄어쓰기를 어떻게 해야할지 궁금합니다. 예를들어 .status { display: flex; justify-content: space-between; margin: 20px 0; & label { & input[type=checkbox] { display: none; +em { display: inline-block; width: 18px; height: 18px; background-image: url('images/icon-radio.png'); transform: translateY(4px); background-position: left; } &:checked+em { background-position: right; } &:checked+em+span { color: var(--mainColor); } } } & a:hover { text-decoration: underline; } } 선생님과 수업하면서 작성한 띄어쓰기 하지 않은코드인데요.이쁘게 정렬하고 싶어서 alt + shift + f 를 눌러서 전체 정렬을 했더니 .status { display: flex; justify-content: space-between; margin: 20px 0; & label { & input[type=checkbox] { display: none; +em { display: inline-block; width: 18px; height: 18px; background-image: url('images/icon-radio.png'); transform: translateY(4px); background-position: left; } &:checked+em { background-position: right; } &:checked+em+span { color: var(--mainColor); } } } & a:hover { text-decoration: underline; } } 이렇게 자동으로 띄어쓰기게 되더라구요.의미없는 띄어쓰기는 하지 않는게 좋다고 들었는데띄어쓰기를 하지 않으면scss nesting 특성상 괄호가 많아져서 알아보기 힘들고비주얼 단축키로 정렬했을 때엔 알아서 띄어쓰게 해주는데,scss는 어떤식으로 코드를 작성해야할지 궁금합니다.
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
프로 다운어떻게 요청드리면 되나요?
어디로 요청드리면 되나요?~
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
안녕하세요. 포트폴리오가 어느방향으로 해야할지 감이 안잡히는데 카톡같은걸로 상담도 해주시나요?
안녕하세요. 포트폴리오가 어느방향으로 해야할지 감이 안잡히는데 카톡같은걸로 상담도 해주시나요?
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
섹션7에서 막혔어요
강의 정주행 도중 섹션7에서 강의 내용이 이어지지 않아서 놀랬는데이미 다른분이 해당 문의 올려주셨네요내일까지 전체 강의 완주하는게 목표입니다.말씀하신대로 오늘까지 꼭 좀 수정 부탁드립니다.
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
섹션4에 있는 4번째 강의 질문(스크롤링)
스크롤링 권장 스크립트 올려주신 부분으로 했는데 작동이 되지 않아 해결 방법 문의 드립니다. 권장<script> /* Smooth Scrolling */ $('.menu a').click(function(e) { e.preventDefault(); $.scrollTo(0, 900); }); 문제: 이 스크립트 하기 전에는 menu a를 눌렀을 때 잘 이동했는데 해당 스크립트를 추가하면 작동이 되지 않습니다.. 그래서 일단 아래와 같이 html { scroll-behavior: smooth; } 해결했더니 다음 챕터에서 .gototop부분에서 같이 스크립트 작성해야 하는 부분이 있네요. 혹시 잘못된 부분이 있을까요? <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DesignWorks Archecture Agency</title> <script src="js/jquery-2.1.4.js"></script> <!-- Page Scroll Effect JS& CSS --> <script src="js/velocity/modernizr.js"></script> <script src="js/velocity/velocity.min.js"></script> <script src="js/velocity/velocity.ui.min.js"></script> <script src="js/velocity/main.js"></script> <link rel="stylesheet" href="js/velocity/velocity.css"> <!-- Smooth Scrolling --> <script src="js/jquery.scrollTo.min.js"></script> <!-- Custom JS & CSS --> <script src="custom.js"></script> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> <!--FONTASOME CDN--> <script src="https://kit.fontawesome.com/c7f55332cf.js" crossorigin="anonymous"></script> </head>$(function(){ /* Trigger*/ $('.trigger').click(function(){ $(this).toggleClass('active') $('.gnb').toggleClass('active') }); $('section, .menu a').click(function(){ $('.gnb').removeClass('active') $('.trigger').removeClass('active') }); /* Change CSS with Scroll */ $(window).scroll(function(){ if($(window).scrollTop() > 50) { $('header').addClass('active') } else { $('header').removeClass('active') } }); /* Smooth Scrolling */ $('.menu a').click(function(e){ e.preventDefault(); $.scrollTo(0, 900); }); });
