묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
go back to previous(이전 버전으로 가기) 가 안뜹니다
이전 ui버전 사용하라고 하셔서 오른쪽 하단 물음표버튼 눌러봤는데 go back to previous(이전 버전으로 가기) 가 안뜹니다 어떻게 해야 하나요?
-
미해결애플 웹사이트 인터랙션 클론!
[크로스브라우징] safari에서 동영상 영역 미노출
안녕하세요.공유해주신 자료를 보다가 보니 사파리 브라우저에서는 첫번째 동영상 영역이 크롬 브라우저와 다르게 영상이 없거나, 화면 스타일이 다르게 노출되는 것 같아서요. 오류인지 문의드립니다.apple-clone-v11/@simple-version/index.htmlapple-clone-v11/@ipad-stroke-effect/index.html
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
8번강의 마지막부분에서 자꾸 무한로딩이
8번강의 하단에서 자꾸 무한로딩걸려서 재생으로 눌러도 안나오네요 ㅜㅜ다른강의는 잘나오는데 저만 그런건지 사이트오류인지 모르겠네요.여러번 껐다가 키고 쿠키도 지워보고 컴퓨터도 새로 켜봤는데 자꾸 그부분만 무한 로딩이네요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
25강.컴포넌트 만들기 전 라이브러리 세팅하기
안녕하세요. 우선 강의 너무 열심히 만들어주셔서 감사합니다.25강.컴포넌트 만들기 전 라이브러리 세팅하기 강의를 듣고있는데요.플러그인 apply variables사용할때 강사님과다르게 semantic만 화면에 나오는데 추후에 문제가없는건가요?publish도 다한거같은데 이유를 모르겠습니다.+추가적으로27강에서 텍스트에서 label텍스트에 Typography에 기존에 했던 텍스트 스타일을 적용할려고하는데 Body/md/medium 그전에는 Body를 Source Code Pro 적용했었는데 추후에 따로 body도 Pretendard로 적용하신건가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
프로그레스 바 애니메이션이요~
프로그레스 바 & 스켈레톤 로더 강의 듣는 중인데요애니메이션 잘 적용시킨 것 같은데 프레임에 넣어도 움직이질 않아요 ㅠ ㅠ 이 상태로 멈춰 있어요 ㅠ
-
해결됨애플 웹사이트 인터랙션 클론!
항상 궁금했는데 크림슨 컬러 선택하셨을때 활용했던 사이트 좀 알려주세요~
항상 궁금했는데 크림슨 컬러 선택하셨을때 활용했던 사이트 좀 알려주세요~
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
강의에 플러그인
강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다.(커뮤니티 주소 https://itconnect.dev/커뮤니티/) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다.https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing플러그인이 안나오네요 강의에서 알려준대로 검색했는데 다른방법이 잇을까여? 플러그인은 Extra file types이예요
-
미해결애플 웹사이트 인터랙션 클론!
vue강의는안하시나요?!
선생님 vue강의는 안하시나여?너무 잘가르쳐 주셔서 프론트엔드쪽도 선생님한테 배우고싶네요!ㅎㅎ
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
position absolute, relative
19분 55초 보면 자식이 position: absolute 사용했기 때문에 부모에 position: relative를 주는 줄 알았는데 갑자기 부모에도 positoin: absolute를 주더라구요. 다른 강의에서는 position:relative 주시다가 이번 강의에서는 부모에 absolute를 주신 이유가 있나요?
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
하단 네비게이션 메뉴
강의에 대한 질문은 인프런 질문하기나, 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 색상 그대로 나옵니다.하라는대로 그대로 따라했는데.. 왜 적용이 안되는걸까요
