묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Postman UI가 또 바뀌어서 Mockserver 를 찾을 수가 없습니다
제목 그대로 입니다. 가장 최근에 업데이트 해주신게 벌써 2년전인데, 강의를 계속 걸어놓으시려면 적어도 매년 단위로UI 상태에 맞게 해당 부분만이라도 강의를 업데이트 해주셔야 할 것 같습니다.Mock server 부분 도저히 찾지못해 시간만 보내고 진척이 없습니다. 대체 어떻게 해야 하나요?
-
미해결김일한의 리액트(React) 개발자를 위한 실습을 통한 입문 과정
클래스 설명시 음성 OFF
클래스 설명시 음성 OFF 되어 있네요.
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
건의사항
강사님. 오늘도 수고 많으십니다:)다름이 아니라 지금 연습을 하고 있습니다만, 업로드된 코드들A유형부터 F유형까지 수정 점검 한번 부탁드립니다.^^;;분명 강의 업로드나 수업자료 등 강사님 계획이 있으셨을 듯 한데...^^;; 시험이 얼마 안남은지라 급하게 제가 요청드려서 죄송합니다.ㅠㅠ 제가 고치면서 하고는 있는데 유형별로 A1부터 F4까지 중간 중간 수정이 필요할듯해서요. 코드들 확인 부탁드립니다.오늘도 좋은 하루 되시길 바라며, 오늘도 열공하러 갑니다. 좋은 강의 감사합니다.
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
D2유형 슬라이드 질문있습니다.
강사님. 혹시 슬라이드 사진 E유형처럼 100%로 보이게 어떻게 하면 되는건가요?ㅠㅠ 코드 부탁드립니다.
-
미해결애플 웹사이트 인터랙션 클론!
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
D,E유형 반응형 슬라이드 필수인가요?
특성화고에서 필기면제자 검정 대비 학생들 가르치고 있습니다.D,E유형에서 반응형 슬라이드에 대한 부분은 공개문제에서 없는거같아서요.. 그냥 기존에 A,B,C타입에서 하던대로 시켜도 시험에서 큰 지장이 있을까요?
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
에러가 나는데... 어디가 잘못된건지 모르겠습니다.ㅠㅠ
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Green복지재단</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> <h1> <a href="#"> <img src="images/logo.jpg" alt=""> </a> </h1> <nav> <ul class="gnb"> <li><a href="#">재단소개</a> <ul class="lnb"> <li><a href="#">설립취지</a></li> <li><a href="#">연혁</a></li> <li><a href="#">찾아오시는길</a></li> </ul> </li> <li><a href="#">후원하기</a> <ul class="lnb"> <li><a href="#">국내후원</a></li> <li><a href="#">국외후원</a></li> <li><a href="#">맞춤후원</a></li> </ul> </li> <li><a href="#">자료실</a> <ul class="lnb"> <li><a href="#">서식자료실</a></li> <li><a href="#">사진자료실</a></li> <li><a href="#">후원양식</a></li> </ul> </li> <li><a href="#">스토리</a> <ul class="lnb"> <li><a href="#">웹진</a></li> <li><a href="#">보고서</a></li> <li><a href="#">나의 후원</a></li> </ul> </li> </ul> <div class="lnb_bg"></div> </nav> </header> <div class="slide"> <ul> <li><img src="images/slide1.jpg" alt=""></li> <li><img src="images/slide2.jpg" alt=""></li> <li><img src="images/slide3.jpg" alt=""></li> </ul> </div> <section> <div class="board"> <h2><a href="#">공지사항</a></h2> <ul> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> </ul> </div> <div class="gallery"> <h2><a href="#">갤러리</a></h2> <ul> <li><a href="#"><img src="images/gallery1.jpg" alt=""></a></li> <li><a href="#"><img src="images/gallery2.jpg" alt=""></a></li> <li><a href="#"><img src="images/gallery3.jpg" alt=""></a></li> </ul> </div> <div class="banner"> <h2><a href="#">배너</a></h2> <ul> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> </ul> </div> </section> <footer> <h1><img src="images/logo_footer.jpg" alt=""></h1> <div class="lnfo"> 경기도 성남시 분당구 돌마로 46 (광천빌딩 5층)<br> 그린컴퓨터에서 ui/ux 웹디자인+웹퍼블리셔 수업중 (강쌤) </div> <div class="family"> <select> <option value="">familysite</option> <option value="">네이버</option> <option value="">다음</option> <option value="">네이트</option> </select> </div> </footer> </div> <div class="popup_box"> <div class="popup"> <h3>팝업제목</h3> "한정 기간, 특별 혜택! 최대 40% 할인과 선착순 사은품! 다양한 상품으로 쇼핑의 즐거움을 높이세요. 놓치지 마세요! 자세한 내용은 홈페이지에서 확인하세요. 지금 쇼핑 시작!" <button type="button">닫기</button> </div> </div> <script src="script/jquery-3.7.0.min.js"></script> <script src="script/action.js"></script> </body> </html> 파일업로드는 불가한건가요?ㅠㅠ먼저 css파일을 선생님 코드로, html은 제가 짠 코드로 해보니 에러가 나서 html에서 문제가 발생했다는 사실을 알아서, html을 선생님 코드로 해보니 정상으로 나와서... 제 html 파일 업로드해봅니다. 어디가 문제인지 모르겠습니다.ㅠㅠ 이런 경우가 제법 되어서 왜 그런지 이번에 좀 확실히 짚고 넘어가야겠어요.ㅠㅠ 흐규...그리고 a2유형 입니다!
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
다중요소 제어시 질문드립니다.
vs코드에서 코드를 입력하고 확인을 해보면 강사님 영상처럼 자연스럽지가 않고 ....gsap.to('.box',{y:-200, stagger:0.5});예를 들어 위에처럼 소스 입력하면 5개의 컬러박스가 있으면 강사님 영상에서는 첫번째것부터 차례대로 stagger가 되는데요, 근데 제가 확인을 할땐 첫번째 박스는 이미 위에 올라가있는 상태고 2번째거 올라가는걸로 확인이 됩니다. 아래 비슷한 질문이 있어서 함수로도 해보고 duration 을 해봐도 동일해서....
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
교제 다운로더
잊어버리고 있다 다시 시작 할려는데 교제를 찾을수 없네요.. car4000@naver.com 아니면 다운 받는곳이 있나요?
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
F1실무코드
안녕하십니까? 강사님. 다름이 아니라 F1 실무코드로 변경해서 만드신 코드도 한번 보고 싶은데... 가능할까요? 파일 있으시다면 업로드 시켜주시면 감사하겠습니다:)
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
.container>div{} 작성해야 하는 경우는?
.container{}.container>div{} .container{}만 하고 .container>div{} 는 하지 않는 경우도 있고 .container>div{} 를 하는 경우도 있는데 .container>div{} 어떤 경우에 해야 합니까?
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
doitdjango 블로그 게시판 작동 오류
안녕하세요.요즘에 'aws lightsail 로 프로젝트 옮기기'를 듣고 있습니다.거기서 블로그 글을 참고하라고 하셔서, 블로그를 들어갔더니, 해당 블로그 게시판이 작동하지 않습니다.확인 부탁드려도 될까요? 감사합니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
예제처럼 선밖으로 딱 붙여서 배치하는법있나요
강의에서처럼 선 안쪽경계에 자식요소가 부모요소 너비만큼 이동했을때 선안쪽경계에 붙는게 아니라 예제처럼 선바깥쪽경계에 딱 붙게하려면 어떻게 하는게 가장 좋은 방법인가요?같은 질문이 있긴한데 border-box를 줘도 선두께만큼 배치한 자식요소도 같이 따라 가서 결국 똑같이 되서요
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
F-1 메뉴 제이쿼리로 제작하는 강의
강사님. F1 메뉴 제이쿼리 로 제작된 파일은 업로드 되지 않아 혹시나 싶어 문의글 남깁니다^^;;
-
해결됨[코드캠프] 시작은 프리캠프
HTML 회원가입
수업에서 그 회원가입 페이지 만들고 다음 날에 다시 켜니까 코드는 바뀐게 전혀 없고 잘 저장되어 있는데 페이지에 다시 들어가니까 글씨가 이상한 말로 적혀있어요! 근데 또 빨간 테두리는 잘 반영이 됩니다… 뭐가 문제인가요???!
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
E4 유형 레이아웃에서 calc 질문있습니다.
.slide {width: calc(100% - 600px); 라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요?왜 슬라이드에서 % 사용이 가능한지 궁금합니다.추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
footer가 product-card들과 충돌하고 겹칩니다
위처럼 procudt-card 영역에 footer가 넘어오는데 어떻게 해결해야 할지 감이 잘 잡히지 않습니다.아래에 작성한 코드 드립니다.//HTML <html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/images/banners/banner1.png" alt="배너이미지"> </div> <h1>상품들</h1> <div id="product-list"> <div class="product-card"> <div> <img class="product-img" src="images/images/products/basketball1.jpeg"> </div> <div class="product-contents"> <span>농구공 1호</span> <span>10000원</span> </div> </div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> </div> </div> <div id="footer"> </div> </body> </html> //CSS /* *태그는 모든 선택자를 선택하는 것임 */ * { margin: 0; padding: 0; } body{ margin: 0; padding: 0; } #header{ height: 64px; display: flex; justify-content: center; border-bottom: 1px solid grey; } #body{ height: 100%; width: 1024px; margin: 0 auto; /* margin: 0 auto; 를 주면 부모로부터 스스로를 가운데 정렬 */ padding: 20px; } #footer{ height: 200px; background-color: red; } #banner{ height: 300px; } #banner > img { width: 100%; } #product-list{ display: flex; flex-wrap: wrap; margin-top: 12px; } #header-area{ width: 1024px;height: 100%; display: flex; align-items: center; /* header-area 아래에 속한 아이템들을 수직센터로 정렬. */ } #header-area > img { width: 128px; height: 36px; } #body >h1{ margin-top: 16px; } .product-card{ width: 180px; height: 300px; background-color: grey; border: 1px solid black; margin-bottom: 12px; margin-right: 12px; border-radius: 12px; overflow: hidden; } .product-img{ width: 100%; height: 210px; } .product-contents{ display: flex; flex-direction: column; padding: 8px; }
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
Vue.js 적용 방법
안녕하세요. 강의 정말 재밌게 보았습니다 :)강의를 듣고 Vue2에 적용하려 하니 해당 에러가 발생합니다.js를 import해서 사용하는 것 만으로는 제약이 있는 것인가요..?😥😥
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
css로 메뉴 만드는 부분
안녕하세요? 강사님. 공부 중에 혹시 css로 메뉴 만드는 거 말고jquery로 메뉴 만드는 것도 가르쳐주시면 안될까요?물론 css가 쉽고 간편하지만 jquery도 알고 싶어 문의글 남깁니다. 확인부탁드립니다. 감사합니다:)
-
미해결웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)
실전사이트 제이쿼리소스
초반에 제이쿼리 소스를 넣을때 둘 중 하나만 언더바가 생겨요 ㅠㅠ
