묻고 답해요
135만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결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을 따로 안넣어줘도 되는지 궁금합니다.
-
미해결처음 만난 리액트(React)
시간 index.js 오류가 나요 ㅠ
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; //import App from './App'; //import reportWebVitals from './reportWebVitals'; import Clock from './chapter_04/clock'; const root = ReactDOM.createRoot(document.getElementById('root')); setInterval(() => { root.render( <React.StrictMode> <Clock /> </React.StrictMode> ); }, 1000);import React from "react"; const Clock = () => { return( <div> <h1>안녕, 리엑스</h1> <h2>현재 시간: {new Date().toLocaleTimeString}</h2> </div> ) } export default Clock;Failed to compile. Module not found: Error: Can't resolve './chapter_03/Library' in 'C:\reactdeveloper\reactcoding\my-app\src' WARNING in [eslint] src\index.js Line 4:8: 'App' is defined but never used no-unused-vars Line 5:8: 'reportWebVitals' is defined but never used no-unused-vars Line 7:8: 'Library' is defined but never used no-unused-vars Failed to compile. Module not found: Error: Can't resolve './chapter_03/Library' in 'C:\reactdeveloper\reactcoding\my-app\src' WARNING in [eslint] src\index.js Line 4:8: 'App' is defined but never used no-unused-vars Line 5:8: 'reportWebVitals' is defined but never used no-unused-vars Line 7:8: 'Library' is defined but never used no-unused-vars Failed to compile. Module not found: Error: Cannot find file: 'clock.jsx' does not match the corresponding name on disk: '.\src\chapter_04\Clock.jsx'. ERROR in ./src/index.js 10:0-39 Module not found: Error: Cannot find file: 'clock.jsx' does not match the corresponding name on disk: '.\src\chapter_04\Clock.jsx'. webpack compiled with 1 error이렇게 오류가 나고 있는데 해결 방법이 있을까요
-
미해결처음 만난 리액트(React)
리액트 처음인데 문제 없을까요?
리액트 한 번도 공부한 적 없어서 리액트 기초 공부하려는 목적입니다. 기초 강의 찾던 중에 알게 되었습니다!리액트 버전 업데이트가 있었다고 알고 있는데 입문자 레벨이라면 강의 수강해도 별 문제 되지 않을까요?
-
미해결부트스트랩(BOOTSTRAP)4 최신버전을 활용한 반응형 웹제작 [실전편]
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
https://getbootstrap.com/docs/4.6/components/carousel/#with-captions위 사이트에서 똑같이 따라했는데..캐러셀이 좌우로 움직이지않고 그냥 뚝뚝 깜빡이면서다음걸로 바뀌어요 ㅠㅠ 이렇게도해보고 저렇게도 해보는데 안되요 ㅠㅠㅠㅠ<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Fabicorn --> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> <title>부트스트랩 1강</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <!-- fontawesome cdn --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <!-- animate.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> <!-- my style --> <link rel="stylesheet" href="css/mystyle.css"> </head> <body> <div class="container-fluid"> <header id="top"> <!-- Captions --> <div id="topCarousel" class="carousel" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#topCarousel" data-slide-to="0" class="active"></li> <li data-target="#topCarousel" data-slide-to="1"></li> <li data-target="#topCarousel" data-slide-to="2"></li> <li data-target="#topCarousel" data-slide-to="3"></li> <li data-target="#topCarousel" data-slide-to="4"></li> </ol> <div class="carousel-inner"> <!-- 01 --> <div class="carousel-item active"> <img src="/img/carousel_1.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>First slide label</h5> <p>Some representative placeholder content for the first slide.</p> </div> </div> <!-- 02 --> <div class="carousel-item"> <img src="/img/carousel_2.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Second slide label</h5> <p>Some representative placeholder content for the second slide.</p> </div> </div> <!-- 03 --> <div class="carousel-item"> <img src="/img/carousel_3.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> <!-- 04 --> <div class="carousel-item"> <img src="/img/carousel_4.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> <!-- 05 --> <div class="carousel-item"> <img src="/img/carousel_5.jpg" class="d-block w-100" alt="..."> <div class="carousel-caption d-none d-md-block"> <h5>Third slide label</h5> <p>Some representative placeholder content for the third slide.</p> </div> </div> </div> <button class="carousel-control-prev" type="button" data-target="#topCarousel" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </button> <button class="carousel-control-next" type="button" data-target="#topCarousel" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </button> </div> <!-- Captions end --> </header> </div> <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> <!-- my script --> <script src="js/myscript.js"></script> </body> </html>
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
저는 1년 정도 퍼블리싱 경력이 있는데 실무에서 float 를 사용한 적이 없습니다. 부끄럽지만 부족한 실력을 보완하기 위해 강의를 듣고 있는데요. 포트폴리오를 보완하려고 하는데, 강의를 듣다보니 float 를 사용법을 이제라도 익혀서 홈페이지를 만들어야하나 고민이 됩니다. 사실 flex 만 사용하면 정렬 관련해서는 어려울 게 없는데 float 는 너무 어렵게 느껴지네요...
-
미해결습관부터 바꿔주는 React 기초
강의중 첫번째가 완료가 안됩니다.
섹션 0 의 강의소개 첫번째 1분미만 컨텐츠가 완료가 안됩니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
HTML CSS Support 오류?인가요?
HTML CSS Support을 깔고 코드 트린거 없이 확인후 css에 적은걸 html에 들어가서 첫문장만 치면 단어가 뜬다고 했는데 안떠서 이렇게 글을 올려봅니다...
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ? 가끔 <button>, <ul> 대신에 div 를 사용하는 경우가 많은데 웹표준에 어긋나는 게 아닌지 헷갈립니다 ㅜ
-
미해결CSS Flex와 Grid 제대로 익히기
웹에서 위치?값
안녕하세요 로드맵으로 강의를 다 신청해서 듣고있는 중인데혹시나 제가 지금 웹에서 카드게임을 만들고 싶은데홀덤테이블 이미지에 맞게 지정된 자리에 각각의 플에이어들의이름 프로필 그리고 손패2장을 놓을 슬롯을 지정하고 싶은데그리드를 사용해 영역을 나누고 그곳에 위치를 구해야 할까요?지금은 css로 이미지 만들어서 테이블을 만들어 둔 후에 css를 사용하여 6명의 플레이어 위치를 퍼센트로 조절해두고 그곳에 다시 <div>태그들을 사용해 위치시켜놨는데 혹시 다른 좋은 방법이있을까요?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이미지를 로드하는중에 오류가 발생했다고 뜹니다.
이렇게 오류가 떳다고 뜨면서, image만 쳐도 사이트 01해서 나오시던데 전 아예 나오질 않네요.