묻고 답해요
135만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이미지는 어디서 구하나요 ?
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
웹 호스팅 후 문제
안녕하세요 선생님카페24로 웹 호스팅을 완료했는데 문제가 생겨 글 남깁니다.제 포트폴리오에 scrolla.js를 적용했는데요 비주얼 스튜디오 라이브 서버에서는 정상 작동되는데cafe24로 호스팅한 사이트에서는 작동이 안돼요라이브 서버에서는 정상적으로 작동하는데 웹 호스팅 했을 때 작동이 안되는 경우도 있나요?있다면 어떤 경우인지 알 수 있을까요?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
영상이 안보여요
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
position relative 질문
before after 활용 실전 퍼블리싱 03 강의에서,a의 before 클래스에 의해 fa 클래스인 sns 이모티콘이 가려졌었는데 이게 왜 position: relative 로 해결되는 건지 궁금합니다.그리고 a:before와 fa는 둘다 a의 자식클래스로 이해하여서 위 같은 경우 z-index로 fa가 위로 오도록 하면 해결할 수 있지 않을까 하고 생각하여 해보았는데, 왜 이 방법으로는 해결되지 않는건지 모르겠습니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
label은 꼭 안들어가도 되는건가요?
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.이번강의에서는 input email타입과 password타입에는 label이 아닌 span을 사용하셨는데label을 따로 안넣어줘도 되는지 궁금합니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
저는 1년 정도 퍼블리싱 경력이 있는데 실무에서 float 를 사용한 적이 없습니다. 부끄럽지만 부족한 실력을 보완하기 위해 강의를 듣고 있는데요. 포트폴리오를 보완하려고 하는데, 강의를 듣다보니 float 를 사용법을 이제라도 익혀서 홈페이지를 만들어야하나 고민이 됩니다. 사실 flex 만 사용하면 정렬 관련해서는 어려울 게 없는데 float 는 너무 어렵게 느껴지네요...
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
HTML CSS Support 오류?인가요?
HTML CSS Support을 깔고 코드 트린거 없이 확인후 css에 적은걸 html에 들어가서 첫문장만 치면 단어가 뜬다고 했는데 안떠서 이렇게 글을 올려봅니다...
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ? 가끔 <button>, <ul> 대신에 div 를 사용하는 경우가 많은데 웹표준에 어긋나는 게 아닌지 헷갈립니다 ㅜ
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이미지를 로드하는중에 오류가 발생했다고 뜹니다.
이렇게 오류가 떳다고 뜨면서, image만 쳐도 사이트 01해서 나오시던데 전 아예 나오질 않네요.
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
선생님
선생님 해당 display: flex; 할떼, 중앙정렬하는 justify-content: center;/ align-items: center; 할때 해당 div 의height를 auto; 또는 아에안적으면 어떻게되나요/? 꼭안적어도되죠
-
미해결[2024년 합격 99%] A-F 유형 웹디자인기능사 실기 + 1:1 과외
제이쿼리 파일을 어디서다운받나요??
스크립트에 넣을 제이쿼리 파일이어딨는지모르겠습니다 ㅠㅠ
-
미해결스프링 프레임워크는 내 손에 [스프2탄]
namespace
혹시 namespace가 안보이면 해결방법이 있을까요?? 업데이트를 해도 안되고 sts 를 깔아보려고 해도 계속 오류가 나오네요
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
Visual Studio Code Delete키 문제와 관련한 질문입니다.
■ 안녕하세요!! 선생님 덕분에 강의 잘 듣고 있습니다.다름이 아니오라, vscode를 이용하여 작성할 때 Delete키가 누르면 지워져야하는데 지워지지가 않아서 방법이 있나해서 질문 남깁니다ㅠㅠ
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요
(사진)
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
웹디자인과 퍼블리싱
안녕하세요 선생님!웹디자이너로 취업하고 싶어 강의를 생각하다가예전에 웹디자인기능사 실기도 선생님께 배웠고해당 강의도 이미 구매했던 것이 기억이 나서 공부하는 중입니다 ㅎㅎ웹디자이너도 퍼블리싱을 어느정도는 해야한다고 알고 있는데, 시즌1과 시즌2를 공부하면서 웹디자이너의 필수역량을 키울 수 있을까요? 아니면 해당 내용은 부수적인 역량일까요?고민이 되어 여쭤봅니다!
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
■ 질문 남기실 때 꼭! 참고해주세요.라이브실행시 계속 이렇게뜨는데 어떻게해야할까요 ??,,- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
해결됨문제해결을 통한 웹프로그래밍 입문
공지
강좌 운영이나 강의 내용에 관해 궁금한 점이 있으면 자유롭게 나누어주세요.교수자, 수강생 누구나 글쓰기와 댓글 쓰기가 가능합니다.
-
미해결면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
퍼블리셔 코딩테스트 질문입니다.
퍼블리셔로 면접을 보게 되었는데 면접 끝나고 코딩 테스트를 본다고 연락을 받았습니다. js만 공부하면 될까요? 어떻게 준비하는 게 좋을지 질문드립니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
Brackets 다운르도는 했지만, 에밋 설치에서 문제가 발생했습니다.
현재 에밋을 설치하려 했지만 지원이 종료가 되서 그런가요? 검색 창이 비활성화가 되어 있고, 파일을 넣으라고 나와있습니다! 하지만 파일이 없어서 현재 강의를 진행하지 못하고 있습니다.
-
미해결쉽고 빠르게 만드는 다양한 이미지 이펙트!
swiper-slide 적용관련 친절한 설명 감사드립니다. 근대 첫장만 되고 다음장부터
ggang_effect.jsfunction ggangImgEffect() { var obj = $(".ggang_effect"); var makeHtml = ""; var row = 4; var columns = 8; var rowHeight = 100 / row + "%"; var columnsWidth = 100 / columns + "%"; var imgWidth = 100 * columns + "%"; var imgHeight = 100 * row + "%"; for (var i = 0; i < row; i++) { // console.log('-행-:'+i); for (var j = 0; j < columns; j++) { var delaySpeed = (columns - j - i * 0.5) * 0.25; var left = -j * 100 + "%"; var top = -i * 100 + "%"; makeHtml += '<div class="img_box" style="width:' + columnsWidth + "; height:" + rowHeight + "; transition-delay:" + delaySpeed + 's; ">'; makeHtml += '<div class="img_position" style="width:' + imgWidth + "; height:" + imgHeight + "; left:" + left + "; top:" + top + ';"></div>'; makeHtml += "</div>"; // console.log('열:'+j); } } $(obj).append(makeHtml); setTimeout(function () { $(obj).find(".img_box").addClass("active"); }, 200); } $(function () { ggangImgEffect(); }); const mySwiper = new Swiper(".swiper-container", { effect: "fade", loop: true, speed: 1500, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, on: { slideChange: function () { var thisSlide = $(".swiper-container").find(".swiper-slide").eq(this.activeIndex); ggangImgEffect(thisSlide, this.activeIndex); }, }, });