묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
섹션7에 portfolio_screen_dart에서 header와 footer가 붙는 현상 있습니다.
강의에서는, Container를 OverflowBox 위젯으로 감싸고, 또 그걸 SizedBox위젯으로 감싸라고 하셨습니다. 하지만, header와 footer가 붙는 현상이 생깁니다. OverflowBox와 SizedBox 위젯을 remove하니 붙는 현상은 사라졌지만, 음영 선이 짧아졌습니다.
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
섹션 7, 포트폴리오 화면작업과 상세 화면 작업 사이에 강의가 한개 빠진것 같습니다. 확인부탁바래요.
포트폴리오 화면 작업 수업에서 포트폴리오 상세 화면 작업 수업로 바로 갔는데, onTap : () 부분이나 routePage.dart의 여러부분이 갑자기 추가되어 있어요.
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
ctrl+f 기능 관련해서
안녕하세요, 그래도 플러터 웹으로 만들면 괜찮을 것 같아서 강의 구매후에 문의드립니다. 혹시나, 만드신 웹 사이트에서는, ctrl+f 기능이 어느정도 되는 것 같습니다. 근데, 강의 하신 강의 github 올려주신 것을 클론해서, 단순하게 크롬에서 실행해보니 작동되지 않습니다. 혹시나, aws 환경에서는 작동을 하는 건가요? 아니면 새로운 library 기능이 사용이 된 것 일까요? 만약 사용이 되셨으면, flutter에서, js파일을, Index.html에 넣어서 검색기능을 구현하신 걸까요? 감사합니다!
-
해결됨구글 애드센스 수익형 워드프레스 블로그 만들기
SSL설정하는 부분이 안보입니다.
Security 부분에 SSL 설정하는 부분이 안보이는데 바뀐건가요? 설정한적에 없는데 설정이 되어있기는 합니다.
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
슬릭 슬라이더
제가 슬릭 슬라이더 pc를 모바일로 바꾸려고 하는데요..제이쿼리에서 바꿀 방법 없을까요???아래 같이 추가햇는데 안먹어서 질문합니다 ㅠㅠ /* product */ $('.sales-presentation').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, dotsClass : "slick-dots", //아래 나오는 페이지네이션(점) css class 지정 draggable : true, //드래그 가능 여부 responsive: [ // 반응형 웹 구현 옵션 { breakpoint: 960, //화면 사이즈 960px settings: { //위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경 slidesToShow:3 } }, { breakpoint: 768, //화면 사이즈 768px settings: { //위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경 slidesToShow:2 } } ] });
-
미해결Tailwind CSS로 만드는 멋진 웹 UI 스타일링
text가 border 밖에 형성되는 이유와 해결방법을 알고싶습니다
안녕하세요강의 재미있게 잘 듣고 있습니다제가 궁금한 것은 예제 삼아 다른 코드를 테스트해보고 있는데 문제는 붙임 코드를 실행하면 4열로 형성된 카드 안에 더미 텍스트와 버튼들이 있어야 하는데 border 밖에 형성되어서 아무리 옵션을 바꿔도 변화가 없습니다강사님의 명쾌한 해답을 듣고 싶어요 <div className="grid grid-cols-12 gap-6"> <div className="col-span-12 lg:col-span-6 xxxl:!col-span-3"> <div className="box border-t-[5px] border-t-danger dark:border-t-danger"> <div className="box-header"> <h5 className="font-semibold text-xl text-danger text-center">New Project <span className="font-normal text-xs text-gray-500 dark:text-white/70">(03)</span></h5> </div> <div className="box-body overflow-auto"> <div className="gap-4 grid" id="task-left"> <div ref={leftContainerRef} onMouseEnter={OnDivChange} className='firstdrag' id="new-tasks-draggable" data-view-btn="new-tasks"> <div className="box task-box"> <div className="box-body space-y-4"> <div className="flex"> <div className="flex space-x-3 rtl:space-x-reverse"> <img src={"../../assets/img/logos/4.png"} className="p-1 h-full avatar avatar-sm bg-gray-100 dark:bg-black/20 rounded-sm" alt="logo" /> <div className="my-auto hidden sm:block"> <h5 className="text-base font-semibold w-44 truncate">Zanex Laravel Project</h5> <p className="text-gray-500 dark:text-white/70 text-xs my-auto flex space-x-1 rtl:space-x-reverse"><i className="ri-calendar-line"></i><span>05-12-2022</span></p> </div> </div> <div className="ltr:ms-auto rtl:mr-auto hs-dropdown ti-dropdown [--placement:left-top]"> <Link aria-label="anchor" href="#!" scroll={false} className="hs-dropdown-toggle ti-dropdown-toggle hover:bg-transparent dark:hover:bg-transparent inline-flex !p-0 flex-shrink-0 justify-center items-center gap-2 w-full rounded-sm border-0 font-medium text-gray-500 shadow-none align-middle focus:outline-none focus:ring-0 focus:ring-offset-0 transition-all dark:text-white/70"> <i className="ri ri-more-2-line text-lg leading-none"></i> </Link> <div className="hs-dropdown-menu w-40 min-w-[10rem] mt-0 transition-none ti-dropdown-menu"> <Link className="ti-dropdown-item" href="#!" scroll={false} ><i className="ri-eye-line"></i>View</Link> <Link className="ti-dropdown-item" href="#!" scroll={false} ><i className="ri-edit-2-line"></i>Edit</Link> <Link className="task-remove ti-dropdown-item" href="#!" scroll={false} ><i className="ri-delete-bin-6-line"></i>Delete</Link> </div> </div> </div> <div> <p className="mb-2">Justo kasd duo sanctus et elitr et, sed diam clita lorem sed eirmod, clita labore tempor et sanctus et ipsum stet, eos.</p>
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
완성된 코드 자료 받아볼 수 있을까요?
안녕하세요! 수강을 막 시작하여 학습파일을 다운로드 했습니다.수업에서는 강의자료 폴더명으로 '2023_인프런_포트폴리오메인' 이라는 폴더가 첨부파일로 있다고 하셨는데, 다운받아보니 '학생첨부용_수강학습파일' 폴더 밖에 없어서 문의드립니다.참고할 수 있도록 학습본 말고 완성된 전체본도 받아볼 수 있을까요?
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
position: fixed; 가 안먹혀요..뭐가 문제일까요?
html<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>starUp Mata : App Official Landing</title> <link rel="icon" href="images/logo_a.png"> <!-- jQuery CDN --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- Slick Slider --> <link rel="stylesheet" href="js/slick/slick-theme.css"> <link rel="stylesheet" href="js/slick/slick.css"> <script src="js/slick/slick.js"></script> <!--Custom csss & js--> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> <script src="custom.js"></script> </head> <body> <div class="container"> <!-- Header --> <header> <div class="header-inner"> <div class="logo"> <a href="#none"><img src="images/logo_pc.png"></a> </div> <div class="gub"> <a href="#none">아비브소개</a> <a href="#none">제품</a> <a href="#none">이벤트</a> <a href="#none">리뷰</a> <a href="#none">문의하기</a> <!-- <a href="#none"></a> <a href="#none"></a> <a href="#none"></a> --> </div> <div class="login"> <a href="#none">로그인</a> </div> </div> </header> <!-- welcome --> <section class="welcome"> <div class="slideshow"> <img src="images/slide-welcome-01.jpg"> <img src="images/slide-welcome-02.jpg"> <img src="images/slide-welcome-03.jpg"> </div> <div class="welcome-heading"> <span>창의적인 아이디어를 만드는 가장 빠른 방법</span> <h1> An idea solution of startup for your <em>3가지 타이핑 텍스트 자리</em> </h1> <p> 스타트업 메이트 앱이 여러분의 최상의 스타트업 구축을 위해 창의적인 아이디어를 제공하는 데 최선을 다하겠습니다. </p> <div class="welcome-btns"> <a href="#none" class="btn start">CEO 시작하기</a> <a href="#none" class="btn guide">사용자 가이드</a> </div> </div> <div class="mouse"> <span class="wheele"></span> </div> </section> <!-- ceo-access --> <section class="ceo-access"></section> <!-- banner --> <section class="banner"></section> <!-- feature --> <section class="feature"></section> <!-- vision --> <section class="vision"></section> <!-- faq --> <section class="faq"></section> <!-- review --> <section class="review"></section> <!-- focus --> <section class="focus"></section> <!-- guide --> <section class="guide"></section> <!-- news --> <section class="news"></section> <!-- footer --> <footer></footer> </div> </body> </html>1000자 이상 안올라 간다해서 댓글에 남길게요
-
미해결영화 예매 사이트 만들기: 디자인편
포토샵 버전에 대해서
현재 포토샵버전이 최신인데 최신버전으로 어떻게 하죠?ㅠㅠ
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
반응형 fixed 안먹히는 문제
pc버전은 문제가 전혀 없는데반응형이 되면 header에 준 position fixed가 이상해져요그 아예 안되는 건 아니에요 반응형에서 아래로 내릴 때 만 fixed 가 안되고 스크롤을 위로 올리면 작동이 되는데 이문제를 어떻게 해결해야 할지 모르겠어요이렇게 아래로 스크롤 하면 header 가 고정 되지 않고 사라져 버리고스크롤을 위로 하면 나타나요이게 원래 코드이게 반응형 코드인데 뭐가 잘못 된 걸까요?
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
안녕하세요. 소스 문의입니다~
강의를 들었는데... github소스라든지 그런게 안보이든데...결제했는 사람조차도 소스 제공이 안되나용?답변 부탁드립니당~
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
그리고 또 다른 질문~
이후의 강의 일정은 언제쯤 잡고 계신가요?플러터에서의 SEO강의 너무 듣고 싶어요.. ㅎㅎㅎ
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
page-scroll-effect를 맨 상단 비주얼부분에만 적용하고나머지 section 들은 높이값을 갖도록 하고싶은대요.혹시 알수 있을까요? 말주변이 없어서 아래 이미지를 그렸습니다. ㅠㅠ
-
미해결Tailwind CSS로 만드는 멋진 웹 UI 스타일링
단축키 질문입니다!
Typography(2)-글자 서식 및 색상 강의 5:59에서문장을 드래그 하고 어떤 단축키를 누르셔서 태그로 감싸셨더라구요.해당 단축키가 무엇인지 혹시 알수 있을까요?
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
폰트 자료 안보임.
폰트 자료 안보임.
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
섹션6 의 포트폴리오 상세 화면 작업 - 1,2 강의가 같은 강의네요
확인 부탁드릴께요
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
섹션 14 테두리 밖 색상 제거
안녕하세요 강의 너무너무 잘 듣고 있습니다.아무 지식도 없이 쓰려니까 너무 막막했는데 강의 감사합니다 !섹션 14를 만들었는데 cloneWrap에 border-radius를 주니까 테두리 밖 색상이 계속 바뀌면서 보이네요 이 부분을 제거하고 싶어서요:) 혹시 가능한 방법이 있을까요 ? 답변 주시면 감사하겠습니다~!
-
해결됨Flutter로 웹 서비스 개발하기 (1) - Responsive Web
설명 하시는 전체 풀 소스는 어디에 있나요?
설명 하시는 전체 풀 소스는 어디에 있나요? 잘 못찾겠네요 ..
-
해결됨부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
https://getbootstrap.com/docs/4.6/components/carousel/#with-captions위 사이트에서 똑같이 따라했는데..캐러셀이 좌우로 움직이지않고 그냥 뚝뚝 깜빡이면서다음걸로 바뀌어요 ㅠㅠ 이렇게도해보고 저렇게도 해보는데 안되요 ㅠㅠㅠㅠ<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Fabicorn --> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> <title>부트스트랩 1강</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <!-- fontawesome cdn --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <!-- animate.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> <!-- my style --> <link rel="stylesheet" href="css/mystyle.css"> </head> <body> <div class="container-fluid"> <header id="top"> <!-- Captions --> <div id="topCarousel" class="carousel" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#topCarousel" data-slide-to="0" class="active"></li> <li data-target="#topCarousel" data-slide-to="1"></li> <li data-target="#topCarousel" data-slide-to="2"></li> <li data-target="#topCarousel" data-slide-to="3"></li> <li data-target="#topCarousel" data-slide-to="4"></li> </ol> <div class="carousel-inner"> <!-- 01 --> <div class="carousel-item active"> <img src="/img/carousel_1.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>First slide label</h5> <p>Some representative placeholder content for the first slide.</p> </div> </div> <!-- 02 --> <div class="carousel-item"> <img src="/img/carousel_2.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Second slide label</h5> <p>Some representative placeholder content for the second slide.</p> </div> </div> <!-- 03 --> <div class="carousel-item"> <img src="/img/carousel_3.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> <!-- 04 --> <div class="carousel-item"> <img src="/img/carousel_4.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> <!-- 05 --> <div class="carousel-item"> <img src="/img/carousel_5.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> </div> <button class="carousel-control-prev" type="button" data-target="#topCarousel" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </button> <button class="carousel-control-next" type="button" data-target="#topCarousel" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </button> </div> <!-- Captions end --> </header> </div> <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> <!-- my script --> <script src="js/myscript.js"></script> </body> </html>
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
선생님
선생님 해당 display: flex; 할떼, 중앙정렬하는 justify-content: center;/ align-items: center; 할때 해당 div 의height를 auto; 또는 아에안적으면 어떻게되나요/? 꼭안적어도되죠
