묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
해당 강의 PDF는 어디에 있나요?
해당 강의 PDF는 어디에 있나요? 그리고 뷰티파이는 현재 vs 코드에서 설치 안되는데 필요 없나요 ? "이 확장은 더 이상 유지 관리되지 않으므로 더 이상 사용되지 않습니다." 라고 뜹니다.
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
2026 웹디자인개발기능사 실기 보는데 필요한 텍스트에디터는 무엇인가요?
2026년 웹디자인개발기능사 실기 시험을 볼때 텍스트 에디터는 비주얼 스튜디오가 아닌고 블라켓인가요?6강 영상 보고 있는데 46분쯤에 비주얼 스튜디오랑, 블라켓 장점, 단점 비교하는 영상 있는데 실기 시험볼때는 블라켓 쓰라고 나와 있어서 물어봅니다.
-
미해결퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)
비주얼 스튜디오
브라캣스를 설치하지 않고 비주얼 스튜디오만 설치하여 사용해도 문제 없나요?
-
미해결웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
강의에 나와있는 2025년 공개문제와 2026년 공개문제가 다릅니다
올해 2월부터 수강신청해서 듣고 있는데 2025년 공개문제 기준이라 세세한 부분에서 다르네요 슬라이드가 좌우로 움직이는게 아니라 상하로 하라고 한다던가.. 강의를 2026년 기준으로 처음부터 다시 찍어달라는건 무리한 요구인거 같고 2026년 공개문제 기준으로 24개유형 완성본만 올려주실 수 있나요? 연습하는데 2025년 기준으로 연습하다가 시험가서 틀린걸로 낼거 같아서 2026년 완성본가지고 연습해서 코드라도 맞춰보려 합니다 그리고 완성본 index.html 의 이미지 코드보면 예시로<img src="" alt="">이런 코드가 있는데 src에 보통 이미지 넣어서 채워져 있지만 뒤에 alt=""부분엔 항상 비어있더군요공개문제 채점기준에 '모든 이미지에는 이미지에 대한 대체 텍스트를 표현할 수 있는 alt 속성이 있어야한다.' 라고 나와 있는데 이 경우엔 비어있어서 감점되지않나요?다른곳에선 모든 이미지에는 <img src="foo" alt="bar"> 식으로 alt 요소를 지정하여 대체 텍스트를 표현할 수 있도록 해야 한다. 이렇게 하라는데 alt에는 뭘 넣어야 하는건가요?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
pointer-event:none;
10:57 부분에서, 설명하셨던 것처럼 .btn과 ul에 position: relative; 를 줘도 드래그가 잡히고, 저번 CSS 강의에서 알려주신 속성중에 pointer-events: none;을 .item:before 선택자에 주니까 한번에 해결이 되었어요! 알려주신것 문득문득 떠오르고 적용할때마다 너무 행복합니다!ㅎㅎ아래는 item:before 부분.item:before { content: ''; position: absolute; background-color: rgba(255, 255, 255, 0.267); width: 100%; height: 47%; left: 0; bottom: 0; transform: rotate(-10deg) scale(1.2); pointer-events: none; }
-
미해결실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)
'스크롤/텍스트 애니메이션 제작_2' 강의 문의
안녕하세요~'스크롤/텍스트 애니메이션 제작_2' 강의를 듣다보면 $(document).ready(function){}을 이제 사용 안 한다고 설명하시는데 이유도 설명 부탁드립니다~
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
실전 반응형 웹사이트 이미지 다운
안녕하세요 선생님! 매일매일 선생님의 강의를 수강하고 있는 제자입니다.다름이 아니라 실전 반응형 웹사이트 제작 전 해당 웹사이트에 접속해서 크롬 확장 프로그램을 이용해 이미지 다운을 받으려고 합니다.근데 현재 시점에서 넷플릭스, 크롬 사이트의 구성과 이미지 파일이 선생님의 강의와 많이 달라져서 수업을 잘 따라갈 수 있을지 걱정이 됩니다.현재 각 웹사이트들의 이미지 소스들을 다운받아서 현 시점 웹사이트와 똑같이 혼자 만들려면 너무 어렵지 않을까 걱정되어서요ㅠㅠ또 선생님 강의를 못따라 갈까봐 걱정도 되구요ㅠㅠ 현시점에서 어떤식으로 학습해야하는지 방향제시 부탁드립니다.ㅠㅠ
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
안녕하세요.87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)강의에 다른 강의가 올라와 있는 것 같은데 좀 바꿔 주실 수 있으신가요?감사합니다.
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
예제파일
혹시 예제파일들 어디서받나요?
-
미해결스프링 프레임워크 입문자를 위한 따라하기
Spring Legacy Project 생성 불가
전자정부 프레임워크 3.10 버전으로 강사님의 강의를 따라하고 있습니다. 그런데 새로운 프로젝트를 생성할 때 Spring Legacy Project가 뜨지 않아 찾아보니, 전자정부 프레임워크 3.8 버전 이상에서는 따로 설정을 해줘야 하더라구요. 블로그를 찾아보며 설정을 해줬는데도 제대로 동작하지 않아 그냥 Maven 프로젝트로 생성해서 구성을 맞춰가고 있습니다ㅠ 혹시 전자정부 프레임워크 버전을 낮춰서 3.7이나 3.8로 해도 문제가 없을까요?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
class 값 한 번에 부여하는법
<article></article> <article></article> <article></article>값에 한 번에 class를 주고싶을 때 강사님은 한 번에 선택하여 동시입력하시던데 방법이 있나요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
섹션10-77번강의 내 와이어프레임 pdf 자료 다운로드 어디서 하나요?
안녕하세요 섹션10에서 77번 강의 에서 나오는 와이어프레임 html 나와있는 pdf자료 어디에서 다운로드 하나요?
-
해결됨[자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]
제가 신청한강좌들 무제한으로 변경즘부탁드릴게요
[자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]122/ 122강(100%)2027. 01. 01. 23:59 만료모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]78/ 78강(100%)2027. 01. 01. 23:59 만료쌩초보, 비전공자를 위한 [HTML 스타터] 부트캠프 이3강좌가 수강기간이 제한이있어서 무제한으로 변경즘부탁드립니다.
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?
안녕하세요 38.2.가로고정형 레이아웃(A1-A4)보더를사용해서 Html+css 구조만들기 강의에서 html+css 코딩소스 다운로드 받을 수 있나요? 전체를 감싸는 컨테이너박스와 안에 있는박스 사이 1픽셀 공간이 남아서 소스를 비교해 볼려고 합니다
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
안녕하세요 선생님!수업 잘 듣고 있습니다.질문이 있어 글을 작성합니다.강의와 같이 코드를 작성하였습니다.@media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } }위처럼 @media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } }를 작성하면 모바일에서 확인 시 새로 배치가 되어야 하는 것 같은데... 하단 이미지와 같이 가로 배치 그대로 유지 됩니다. 무엇이 문제일까요 ㅠㅠ 전체 코드는 아래와 같습니다. <body> <div class="modal"> <div class="modal-content"> <div class="photo"></div> <div class="desc"> <div class="desc-header"> <h2>지금 다양한 혜택을 받아보세요.</h2> <button class="btn-close">×</button> </div> <div class="desc-content"> <input type="email" placeholder="이메일 주소를 입력하세요." /> <button>뉴스레터 구독하기</button> <p> 스타트업메이트 뉴스룸의 다양한 소식과 혜택을 이메일로 받아 보시려면 구독 신청 해주시기 바랍니다. 스타트업메이트에 대해 알고 싶은 뉴스, 꼭 알아야 할 뉴스를 신속하고 정확하게 전합니다. </p> </div> </div> </div> </div> <div class="overlay"></div> </body> * { box-sizing: border-box; font-family: "Noto Sans", sans-serif; } body { font-weight: 300; color: #222; font-size: 15px; line-height: 1.6em; } a { color:#222; text-decoration: none; } .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgb(0, 0, 0, 00.15); z-index: 10; overflow: hidden; } .modal-content { /* border: 1px solid #000; */ width: 600px; display: flex; } .modal-content > div { padding: 20px; } .photo { flex:1; background: url(/img/office.jpg) no-repeat center right; background-size: cover; } .desc { flex:2; text-align: center; } .overlay { background-color: hwb(0 0% 100% / 0.212); position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .btn-close { position: absolute; top: 10px; right: 10px; background-color: transparent; border: none; font-size: 18px; color: #999; cursor: pointer; } .btn-close:hover { color: #000; } .desc-content input[type=email] { display: block; width: 100%; text-align: center; padding: 7px; margin-bottom: 10px; border: 1px solid #ccc; outline: none; } .desc-content input[type=email]::placeholder{ color:#ccc; transition: .5s; } .desc-content input[type=email]:focus::placeholder{ visibility: hidden; opacity: 0; } .desc-content button { display: block; width: 100%; border: none; background-color: crimson; color: #fff; cursor: pointer; padding: 7px; } @media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } }
-
해결됨반응형 웹사이트 포트폴리오(App Official Landing Website)
하드코딩으로 이미지맵(image map) 만들기
하드코딩으로 이미지맵(image map) 만들기이미지맵 만드는 강좌 연습파일 다운로드는 유튜브 영상의 [더보기]에 링크가 있다고 하셨는데, 아무리 찾아봐도 찾을 수가 없습니다.어디서 받을 수 있는걸까요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
시험 시 슬라이드 작성 관련 문의
슬라이드 유형 중에는 아래와 같이 가로세로 고정이 아닌 형태가 있는데 포토샵으로는 어떻게 만들면 좋을까요?D /E /F 유형 별로 자세하게 설명해 주셨으면 합니다.
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
강의 질문 있습니다
■ 질문 남기실 때 꼭! 참고해주세요.안녕하세요 코딩웍스선생님의 웹디자인기능사자격증 수업듣고있는데요 중간에 다른선생님 목소리로 강의가 나와서요 강사2분의 강의를 한 강좌 안에 섞어서 만든 강의 인가요? 어제 9월9일에는 37강 부터 코딩웍스 선생님 목소리로 강의가 나왔는데 오늘 9월10일 에는 37강이 코딩웍스 강사분 목소리가 아닌 다른강사분 목소리로 강의가 나와서요 저는 코딩웍스 선생님의 강의를 듣고 싶어요 방법이 없을까요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
시험 관련 문의
시험유형 관련 사항 문의합니다. 예를 들면 D유형의 경우 공개문제 상으로는왼쪽 개별 네비게이션, 우측 메가 메뉴 두 유형이 존재하는데 예를 들면 D유형 공개문제에는 없는 상단 메뉴가 추가되어 나온다는지 하는 경우가 있는지 문의 드립니다. 정리하면 24개 공개문제에 없는 새로운 유형이 출제 될 수도 있는지 알려주시면 될 것 같습니다.
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
파워포인트 자료 다운로드 버튼 어디에 있나요?
안녕하세요 7강 파워포인트 자료 다운로드 버튼 어디에 있나요? 나중에 코딩소스도 다운로드해서 볼수있나요?
