묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
강의 내용 pdf가 제공되나요?
강의 내용 pdf가 제공되나요?
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
활성화 중인 scss 하나만 css 로 컴파일 가능할까요?
동일한 폴더 내에 있는 파일 중 style.scss만 css로 컴파일 하고 싶습니다하단의 Watch Sass 클릭하여 컴파일 진행시 style.scss 뿐 아니라 common.scss도 동시에 css로 컴파일 되어 방법을 찾다 문의 남깁니다 하나의 파일만 컴파일 가능한지 궁금합니다
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.강의 영상에서 알려주신 사이트인데, 자료에서는 서비스 종료로 유사 사이트 안내 되어 있었어요. 제가 궁금해서 구글에서 'properties for the flex container' 로 검색해서 이미지탭에서 발견하여서 링크 공유드립니다. https://codepen.io/osublake/pen/dMLQJr항상 좋은 자료 제공해주시는 강사님 감사합니다~~
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
slick slider 이미지 개수
slick slider 로 slideToShow: 4로 해도 화면에는 이미지가 하나 밖에 안떠요 ㅠㅠ 전체 코드 복사해서 올리겠습니다..!
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
gsap으로 흐르는 배너도 제작이 가능할까요?
어제 이어 질문드리네요..ㅎㅎ찾아봤더니 잘 안나오기도 하고 머리썻는데 안되서 다시질문드려요 ㅠ인터넷보면 물 흐르듯 무한으로 보여지는 배너들효과를 구현하려고하는데A div실행 이후 B가 실행하고 이걸 무한으로 돌려야겠다! 싶었습니다. 제가 계산을 잘못한것인지 계속 상이하게 됩니다. ㅠ목표 예시) framer 로 구현위와 같은 효과를 GSAP로도 주고 싶었는데 가능할까요?트라이 계쏙해보는데 안되네용 ㅠ 제 생각은 무한루프 돌리는 상태의 div를 감싼 부모를 css 키프레임줘서 빠르게 들어온 이후 무한으로 루프돌릴계획입니다! useGSAP( () => { const Perents = ref.current?.offsetHeight; if (Perents) { gsap.set(".boxes-clone", { y: `-=${Perents}` }); gsap.fromTo( ".boxes", { y: `-${Perents}` }, { duration: 3, ease: "none", y: `+=${Perents}`, repeat: -1, } ); gsap.fromTo( ".boxes-clone", { y: `-${Perents}` }, { duration: 3, ease: "none", y: `+=${Perents}`, repeat: -1, delay: 3, } ); } }, { scope: ".wrapper" } );
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
calc가아니라 transform : transition을 사용해도 상관없는건가요?
보더 안으로 넣을때 top : calc가아니라 transform : transition을 사용해도 상관없는건가요?
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
혹시 부드럽게 진입 이후 루프가 가능할까요?
안녕하세요! 초기 애니메이션을 진입할때 css나 gsap으로 keyfream 주고 빠르게 들어온 이후 감속하듯이 부드럽게 흐르도록 구현 할 수 있을까요..? css에 같은 클래스에 키프레임을 줬더니 css때문에 gsap이 충돌나는지 안되더라구요.ㅠ.
-
해결됨[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
시험시 HTML 작성과 포토샾 작업 중 어느 것을 먼저합니까?
로고, 슬라이드, 갤러리, 배너, 바로가기 이미지 작업 HTML 작성 후에 해야 합니까? 시험지 보고 먼저 제작 해 두어야 합니까?HTML 작성 하다가 중간 중간 제작해야 합니까?
-
미해결HTML/CSS 베이스캠프
마지막 섹션9 자료를 다운받아도 압축이 안풀려집니다
마지막 섹션9 자료를 다운받아도 압축이 안풀리네요그러면 파이널 프로젝트 호두 관련 파일은 어디서 다운 받을 수 있을까요?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이미지는 어디서 구하나요 ?
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결SVG 마스터
SVG 파일 CSS 애니메이션
svg 파일로 트럼프카드 뒷면과앞면엔 데이터패킷을 받아서 거기에 해딩하는 svg 파일을 매치시키려고 하고 있습니다카드가 뒤집어지는 플립효과를 구현하고 싶은데 그중에서 마지막 카드를 뒤집을때 긴장감을 주기위해 실제로 카드게임을 할때처럼 카드 끝자락을 조금씩 들추면서 확인하듯 그런 방식으로 표현하고 싶은데 방법이 있을까요?
-
해결됨처음 만난 리액트(React)
createRoot도 잘 했는데 에러가 나네요
createRoot도 잘 되어있고 하는데도 이 에러가 뜹니다..import Clock from "./chapter_04/Clock"; const root = ReactDOM.createRoot(document.getElementById("root")); setInterval(() => { root.render( <React.StrictMode> <Clock /> </React.StrictMode> ); }, 1000); reportWebVitals();ERRORreact_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function at http://localhost:3000/static/js/bundle.js:114:49
-
미해결리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트
강의가 아주 좋네요
설명 잘하십니다.
-
미해결면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
웹 호스팅 후 문제
안녕하세요 선생님카페24로 웹 호스팅을 완료했는데 문제가 생겨 글 남깁니다.제 포트폴리오에 scrolla.js를 적용했는데요 비주얼 스튜디오 라이브 서버에서는 정상 작동되는데cafe24로 호스팅한 사이트에서는 작동이 안돼요라이브 서버에서는 정상적으로 작동하는데 웹 호스팅 했을 때 작동이 안되는 경우도 있나요?있다면 어떤 경우인지 알 수 있을까요?
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
섹션 14 테두리 밖 색상 제거
안녕하세요 강의 너무너무 잘 듣고 있습니다.아무 지식도 없이 쓰려니까 너무 막막했는데 강의 감사합니다 !섹션 14를 만들었는데 cloneWrap에 border-radius를 주니까 테두리 밖 색상이 계속 바뀌면서 보이네요 이 부분을 제거하고 싶어서요:) 혹시 가능한 방법이 있을까요 ? 답변 주시면 감사하겠습니다~!
-
미해결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가 위로 오도록 하면 해결할 수 있지 않을까 하고 생각하여 해보았는데, 왜 이 방법으로는 해결되지 않는건지 모르겠습니다.
-
해결됨SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱
style.scss 만 퍼블리싱 결과물로 전달하면 되는건가요?
선생님 안녕하세요. 강의를 들으면 scss 를 작성하고 watching sass 로 css를 만들어내잖아요.근데 제가 퍼블리싱을 해서 개발자에게 넘겨줄 때도 똑같이 style.scss 와 style.css를 모두 넘겨줘야하는 건가요?아님 style.scss만 넘겨주면 되는 걸까요?(넘 초보적인 질문일수도 있으나 ..^^;;)감사합니다.
-
미해결처음 만난 리액트(React)
uncaught runtime error 해결
패키지도 새로 설치해보고 챗지피티가 하라는데로 다 해봤는데도 해결이 안되네요 ㅠㅜㅜ 최신 버전맞아요 react랑 react dom 어쩌고랑 create어쩌고에서 문제가 있는 것 같다고 했습니다 ㅠ 어떻게 해결해야하나요
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
label은 꼭 안들어가도 되는건가요?
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.이번강의에서는 input email타입과 password타입에는 label이 아닌 span을 사용하셨는데label을 따로 안넣어줘도 되는지 궁금합니다.