묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
하단 네비게이션 메뉴
강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다.(커뮤니티 주소 https://itconnect.dev/커뮤니티/) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다.https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharin 하단에 네비게이션 메뉴가 잘려보이는데 어떻게 바꿔야하나여?아무리 찾아도 안보여서요 ㅜg
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
변경 기능 관련 강의 업데이트
안녕하세요 선생님! 강의 잘 듣고 있습니다. 혹시 피그마 자체 기능으로 변경된 강의는 언제 업데이트가 될까요?
-
해결됨모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]
18강과 19강 사이 누락된 부분 확인 요망
선생님 ㅎ18강과 19강 사이에 공백이 있는 것 같습니다.first-child, last-child 등 설명이 빠져 있습니다.확인 부탁드려요^^
-
미해결코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)
codebase 안뜨는 경우
실습과정 따라하는 중에 codebase가 안뜨더라구요.해결 방법을 찾으려해도 잘 안찾아져요..
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
제이쿼리 슬라이드 제작(3) 슬라이드 제작 강의
강의 35초에 .slide-items 에 width 3600px 필요없지 않나요? (어짜피 slide에 width 1200px에 hidden 있어서)혹시 3600px 입력하신 이유가 있으신가요? width 3600px 삭제해도 정상 동작합니다.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
이미지 공백 제거
가로 슬라이드만 font-size : 0으로 하고 세로 슬라이드와 크로스페이드는 아래 css 사용해야 되는 건가요?.slide div a img { display: block; }모든 슬라이드 강의가 font-size : 0으로 해서 헷갈리네요... 그리고 강의에서는 font-size : 0만 했는데 어떻게 공백이 제거되었을까요? line-height: 1.6em;line-height 이런 거 안 적은 건가요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
세로 슬라이드 이미지 사이에 공백 제거
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>ㅇㅇ</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <header> <div class="header-logo"></div> <div class="navi"></div> </header> <!-- Slide Animation --> <div class="slide"> <div> <a href="#none"><img src="images/slide-01.jpg" alt="slide1"></a> <a href="#none"><img src="images/slide-02.jpg" alt="slide2"></a> <a href="#none"><img src="images/slide-03.jpg" alt="slide3"></a> </div> </div> <!-- Slide Animation --> <div class="items"> <div class="news"></div> <div class="banner"></div> <div class="shortcut"></div> </div> <footer> <div class="copyright"> <div></div> <div></div> </div> <div class="family-site"></div> </footer> </div> <script type="text/javascript" src="script/jquery-1.12.4.js"></script> <script type="text/javascript" src="custom.js"></script> </body> </html>@charset "utf-8"; body { margin: 0; font-size: 15px; color: #333; /* line-height: 1.6em; */ background-color: #fff; } a { text-decoration: none; color: #222; } .container { border: 1px solid #ddd; width: 1200px; margin: auto; } header { height: 100px; } header > div { border: 1px solid #ddd; height: 100px; } .header-logo { width: 200px; float: left; } .navi { width: 600px; float: right; } .slide > div { border: 1px solid #ddd; height: 300px; } .items { overflow: hidden; } .items > div { border: 1px solid #ddd; height: 200px; float: left; box-sizing: border-box } .news { width: 500px; } .banner { width: 350px; } .shortcut { width: 350px; } footer { overflow: hidden; } footer > div { height: 100px; float: left; box-sizing: border-box; } .family-site { width: 200px; } .copyright { width: 1000px; } .copyright div { border: 1px solid #ddd; height: 50px; } /* Slide Animation */ .slide { position: relative; } .slide div { border: 1px solid red; position: absolute; /* font-size: 0; */ }강의에는 세로 슬라이드도 font-size 0으로 하면 이미지 사이에 공백(5px)이 제거된다고 하는데 아무리 해도 되지 않더라구요. 오타 있나? 뭐 잘못한 거 있나? 이래저래 1시간 소비했는데body 태그의 css쪽에 line-height: 1.6em 이거 제거한 뒤에 font-size: 0 을 해야 되던데line-height 이게 이미지 공백에도 영향을 주나요?그리고 위에 코드 강사님이 업로드한 코드 그대로 사용한 것인데 강의에서는 line-height 영향을 어떻게 안 받았을까 싶네요.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
다크모드의 색상은 반드시 primitive에 정의된 색으로만 진행해야하나요?
안녕하세요! 강의 잘 듣고 있습니다.다크모드에서 컬러를 정의할 때 아래와 같은 부분이 궁금합니다:다크모드에서도 반드시 primitive에 정의된 색상만 사용해야 할까요?예: light에선 blue-800, dark에선 blue-200을 썼는데,다크 배경과 만나니 채도/명도가 너무 튀는 경우가 있더라고요.→ 이런 경우 primitive에 없는 색(hex code 등)을 써도 괜찮은지 궁금합니다.다크모드 전용 색상을 쓸 경우, 그걸 primitive에도 별도 등록해두는 게 일반적인가요?아니면 그냥 semantic 토큰의 mode:dark에만 넣어도 문제없을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
병합된 셀 표현은 어떻게 표현하는게 좋을까요?
테이블을 보면 종종 병합된 셀 표현도 많이 나오는데요. 병합된 셀 테이블은 별도의 컴포넌트 없이 그냥 따로 만드는 게 나은걸까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
자식 선택자, 하위 선택자 질문
<header> <div class="header-logo"></div> <div class="navi"></div></header>header 밑에 있는 div에 공통적으로 들어가는 속성이 있는 경우, 자식 선택자 혹은 하위 선택자를 통해 접근할 수 있는데 ① header div {}② header > div{}강사님은 ①번을 사용하시는 이유가 있으신가요?②번이 header 태그의 직계 자식 요소 중 div 태그를 선택한다고 직관적으로 알 수 있다고 보는데... 혹시 제가 모르는 이유가 있는지 궁금합니다. 참고로 유투브에서 다른 강의들도 강사님처럼 ①번을 사용합니다
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션5 아이콘 색상 변경 질문입니다.
섹션5 마지막 강의, 마지막 부분에서아이콘 색상 변경되는 부분이 안돼서 질문 남깁니다.알려주신대로, icon placeholder와 아이콘의 색상을 color/icon/primary 로 맞췄고,icon placeholder 에서 24px짜리 복사해서 프레임과 함께 컴포넌트 만들고아이콘에 인스턴스 스왑 프로퍼티 설정하고, 아이콘 색상 inverse로 변경하고, 컴포넌트 복사해서 아이콘을 바꾸니 inverse 색상으로 아이콘이 바뀌지 않고 primary 색상 그대로 나옵니다.하라는대로 그대로 따라했는데.. 왜 적용이 안되는걸까요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
라벨이나 chip에 열 개 정도 컬러가 들어갈 때
안녕하세요. 서비스 특성 상, 리스트에 들어가는 chip 컬러가 엄청 다양하게 쓰입니다ㅜ 그럴 경우엔 어떻게 컬러를 묶으면 좋을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Design Kits관련 질문.
안녕하세요. Design Kits관련 질문을 드립니다.지금은 강의를 다 듣고 질문을 드리는데, 초반에 Foundation + Component Library로 하는걸 알려주셨는데, 계속 잘 안되어서 몇일을 시도를 하다가 그냥 Desgin Kits로 진행을 했었습니다. 지금이라도 다시 하는게 좋을까요? 아니면 Design Kits대로 그냥 가도 되는건지 궁금합니다.이제 만든거를 바탕으로 실제 Product에 만들 시기가 점점 다가오고 있는데, 따로 하는게 맞긴 한데, 이미 만들어놔서 좀 아깝긴하네요... 어떻게 하는게 좋은지 조언해주시면 감사드리겠습니다~!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘
볼드님 항상감사합니다.. ! 아이콘은 괜찮은데 Union을 했는데도 저렇게 표시되는 이유는 무엇일까요? 제대로 먹히지 않은걸까요??
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 라이브러리 연결 문의건
안녕하세요!강의 잘 들고 있습니다.^^피그마 라이브러리 연결관련 문제로 문의드립니다.현재 외부업체와 협업중인데요!보안문제로 로컬파일로 파일을 주고 받아야 합니다.그런데 라이브러리가 연결된 파일이지만 전달 받으면 그안에 연결된 컴포넌트가 해제되어라이브러리 업데이트를 할수 없는 상황입니다. (라이브러리 스왑기능도 안됨) 라이브러리가 업데이트되면 연결된 파일도 업데이트를 해줘야 하는데 할때마다 연결을 할수가 없어라이브러리가 연결된 상태로 로컬파일을 주고 받을 수 없을까요?? (플러그인이나 다른 방법)
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
플러그인 lock aspect ratio
안녕하세요 선생님! 강의 잘 듣고 있습니다다름이 아니라, 제가 지금 설명해주신 플러그인인 lock aspect ratio를 활용해서 카드를 만드려고 하는데, 해당 플러그인이 검색이 되지 않아 질문 드립니다. 혹시 해당 플러그인을 사용해야 하는건지, 또는 피그마 자체 기능으로 있는 lock aspect ratio라는 기능을 사용해도 되는건지 질문드립니다 우선 피그마에 있는 기능으로 사용을 해봤는데, 이 기능의 경우 선생님이 정리하시는 레이어처럼 레이거가 별도로 생성이 되지 않아서요..!
-
미해결애플 웹사이트 인터랙션 클론!
스크롤 속도에 따른 messageA_opacity_out
강사님처럼 똑같이 코드를 작성했음에도 불구하고 스크롤을 천천히 내리면 opacity가 0까지 잘 적용이되는데 스크롤을 빨리내리면 opacity가 0으로 빠지다가 그상태로 남아서 씬2까지 넘어가요.혹시 왜그런지 알 수 있을까요?
-
해결됨모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]
스프링과정은 언제출시되요?
개인적으로 스프링 과정을 기다리고있습니다. 자바는 학원에서 어느정도했기에.... 스프링과정 출시 예정일이 궁금합니다. 이커리큘럼에 남은 단계가 2개맞지요?? 스프링과 스프링 포토폴리오 과정 이렇게 2개 예상되는데.... 둘다 출시예정시기즘 알수있을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
상단에 위치하는 글로벌 네비게이션(Global Navigation/Header) 관련 질문드립니다.
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다. 안녕하세요. 섹션 9의 상단에 위치하는 글로벌 네비게이션(Global Navigation/Header)를 듣는중 궁금한점이 있어서 질문드립니다. 사실 이미 듣고 나서 해결되지 않은 것때문에 후속에서도 계속 사용되니 문제가 되어서 질문드립니다. global navigation에서 모바일 설정시에 이런식으로 나와서 제가 수정을 열심히 해봤는데도 잘 되지 않아서 어떻게 해야 햄버거 버튼이 오른쪽으로 붙는지 잘 모르겠습니다. 현재 구조는 아래와 같으며, Container는 Auto layout의 fill로 설정되어 있고, 햄버거 버튼은 아래와 같으며, 로고는 아래와 같이 설정되어 있습니다. 되도록이면 혼자서 해보려고 했는데, 몇일동안 해결을 하지 못하여서 질문을 드립니다.감사합니다.
-
미해결바~로 실습! 개념몰라도 됨, HTML 시작
온라인명함만들기 중간부분이 없어요...
html 입문부터 수강하고 있습니다. 온라인명함만들기 부분 이해가 너무 잘되게 설명해주셔서 잘보고 있는데요visual studio code 로 레이아웃잡기영상 다음에 컨텐츠부분 코딩하기 가 나오는데요.레이아웃 잡은 후에 버튼영역이 있는 부분 영상이 없어서요...컨텐츠부분 코딩하기 영상보면 앞부분이 이미 코딩이 되어있는 상태로 수업이 진행됩니다.빠진 부분은 볼 수 없는 걸까요?
