묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
빈 화면에서 tail 만 쳤을때 팝업도움말 나오게 하는 법 알려주세요.
컬러 및 배경, 보더 처리00:43여기보면 tail 만 쳐도 emmit 이라고 해야 되나요. 팝업도움말이 뜨는데 저는 저런게 전혀 뜨지 않는데요.어떻게 해야 저런 도움말 팝업이 뜰 수 있나요?tailwind css intellisense 플러그인은 설치해놓은 상태입니다.
-
미해결TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
tailwind.config.js 파일을 통해 다크 모드 설정시 적용이 되지 않습니다.
[tailwind.config.js]/** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{html,js}'], darkMode: 'selector', }; [practice-test.html]<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Tailwind CSS</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-white dark:bg-gray-900 dark:text-white"> <main class="container max-w-5xl mx-auto min-h-screen flex items-center justify-center" > <div class="flex flex-col items-center"> <h1 class="font-extrabold text-3xl">Tailwind CSS 다크모드</h1> <p class="mt-4">이 페이지는 다크 모드를 지원합니다.</p> <button id="darkmode_btn" class="bg-blue-500 px-4 py-2 rounded-md text-white mt-4" > 다크 모드 전환 </button> <div class="px-10 py-6 bg-white rounded-md shadow-md mt-20 dark:bg-gray-800" > <p>이 박스는 다크 모드에서 배경이 어두운 색으로 변합니다.</p> </div> </div> </main> <script> document.querySelector('#darkmode_btn').addEventListener('click', () => { document.documentElement.classList.toggle('dark'); }); </script> </body> </html> tailwind.config.js 의 경로는 아래 스크린샷으로 첨부하였습니다. 제가 무슨 설정을 빠트린건지 명확히는 모르겠는데 <head> 태그 내부에 <script> 태그로 아래와 같이 설정하면 버튼을 클릭했을 때 다크모드와 원래 상태로 정상적으로 토글이 되는데 tailwind.config.js 로 설정만 하면 토글이 안되네요 모든 페이지에 다크모드를 설정하기 위해서는 tailwind.config.js 를 통해서 다크 모드 활성화를 하는 것이 좋을 것 같아서 질문 남깁니다! 좋은 강의 감사드립니다.tailwind.config = { // darkMode: 'media', // 운영 체제의 모드에 맞게 설정 darkMode: 'selector', // 수동으로 설정 };
-
미해결TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
수강평 이벤트
수강평 적었는데 쿠폰이 안들어와서 문의 드려요!
-
미해결TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
font-weight가 왜 적용이 안될까요?
<h2 class="text-2xl">폰트 두께 조절</h2> <p class="font-light">Lorem ipsum dolor sit amet.</p> <p class="font-semibold">Lorem ipsum dolor sit amet.</p> <p class="font-bold">Lorem ipsum dolor sit amet.</p> <p class="font-extrabold">Lorem ipsum dolor sit amet.</p> <p class="font-black">Lorem ipsum dolor sit amet.</p>위와 같이 했는데, 화면 볼때 굵기가 모두 같습니다. f12눌러서 확인해보면 font-weight이 700, 800 으로 다른데, 보이는건 똑같네요.이유가 뭘까요?
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
full reload 질문
선생님 처럼 영상을 보고 css full reload 를 설정 했는데 체크를 해제하면 css 수정 시 안올라가고 체크를 하면 올라 갑니다 또한 html 수정시 마다 매번 위(무한스크롤링)로 올라 갑니다. 해결방법이 있나요?
-
해결됨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 입니다.
