묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
- 
      
        
    미해결처음 만난 리액트(React)
코드 질문
위에 컴포넌트에서 최상위의 컴포넌트는 상위에서 받을 props가 없어서 안적어도 될 것 같은데 적는데는 다른 의미가 있나요?
 - 
      
        
    미해결CSS 기본부터 활용까지
Flex 4 : holy grail layout
레이아웃의 큰 틀을 잡을 때 무조건 flex를 사용해야하는 것인가요???
 - 
      
        
    미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
필수함수종류에서 마우스엔터대신
■ 질문 남기실 때 꼭! 참고해주세요.마지막이론부분에 필수함수종류에 마우스엔터 마우스리버라고했는데. 마우스오버,마우스아웃으로도 적어도 별다른문제가 생길까요..¿¿- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.
 - 
      
        
    미해결웹 애니메이션의 새로운 표준, Web Animations API
제이쿼리 animate()와는 다른걸까요?
ㅡ
 - 
      
        
    미해결처음 만난 리액트(React)
npm install --save react-router-dom 설치 질문
해당 코드를 터미널에서 작성했는데 설치가 되지 않습니다.. 무슨 문제일까요...
 - 
      
        
    해결됨[코드캠프] 시작은 프리캠프
과제하면서 궁금해서 질문 올립니다.
16분에 보면 별도로 제공되는 피그마 통해서 들어가서 확인 하라고 했는데 어떻게 들어갈 수 있는 건가요?
 - 
      
        
    미해결입문자를 위한, HTML&CSS 웹 개발 입문
float속성
float속성 강의에서 p태그의 가로 길이가 div의 width만큼밖에 안되어 있는데 원래는 block속성이니까 뷰포트 전체를 차지해야 하는 것 아닌가요?? 아니면 혹시 div의 자식 태그여서 부모의 width속성을 상속 받은 건가요?
 - 
      
        
    미해결처음 만난 리액트(React)
false expression
Inline If에서 false expression을 사용하면 뒤에 내용은 평가되지 않지만, false expression의 결과 값이 그대로 리턴되기 때문에 주의 해야 한다 이렇게 말씀하셨는데 그러면 하단의 흰색 박스에 조건이 만족하지 않을 경우에도 결과 값을 그대로 리턴하나요..?
 - 
      
        
    미해결처음 만난 리액트(React)
state.notifications 배열에 push가 가능한지 질문드리겠습니다.
const { notifications } = this.state; const index = notifications.length; notifications.push(reservedNotifications[index]); this.setState({ notifications: notifications })위 코드에서 state.notifications 배열에 바로 push를 해서 setState를 해줬는데지난 강의에서는 state에 있는 배열 또는 객체를 직접 수정하지 않고 복사해서newNotifications = [...notifications] 처럼새로 할당 한 다음 setState를 해준다고 봤던 부분이 있어서 어떤 경우에는 직접 state배열에 push가 가능한지 질문 드려도 괜찮을까요 강의 잘 보고 있습니다. 감사합니다!
 - 
      
        
    미해결처음 만난 리액트(React)
렌더링 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 소플님 실습을 따라 해보았는데 하나의 useEffect는 컴포넌트가 렌더링 될 때마다 콘솔이 찍히고 하나의 useEffect는 count값이 변경될 때마다 찍힌다는 것까지는 이해했습니다. 근데 마지막 최대 인원을 수용하는 10명까지 수용을 하고는 버튼 컴포넌트가 isFull: true로 찍히고 컴포넌트가 렌더링 되지 않아서 useEffect 콘솔과 isFull: true 이 안 찍혀야 하는 것 아닌가요? 왜 이렇게 찍히는지 이해가 안됩니다,,ㅠㅠ
 - 
      
        
    미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io도 유료로 전환이 된걸까요
Fly.io 설치 후 홍콩으로 선택하는 지점(강의 4:17)에서 하기와 같은 오류가 뜨고있습니다.에러 내용이 Error: We need your payment information to continue! Add a credit card or buy credit: https://fly.io/dashboard/kimyr6868-gmail-com/billing 결제수단을 입력하는 내용으로 보아 진행이 어려울 것 같은데 이런 상황에선 어떻게 하면 좋을지 문의드립니다!
 - 
      
        
    미해결[웹 개발 풀스택 코스] HTML&CSS 기초
<track> 태그를 사용하여도 자막이 뜨지 않습니다.
14강 비디오와 오디오 강의 12분 쯤에서, <track> 태그를 사용하여 자막을 뜨는 방법을 알려주셨는데 똑같이 따라해보아도 동영상에서 자막이 뜨지 않습니다. 자막 선택하는 버튼은 정상적으로 작동하는데, 선택을 하여도 자막이 보이지 않습니다. 어떻게 하면 될까요??
 - 
      
        
    해결됨[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
최종본제작 세로2칼럼 c타입에 공지사항 갤러리 제작 관련 문의
공지사항 갤러리와 바로가기 제작이 생략 되어있어서다른 실전 제작 강의를 참고해서 혼자 만들어보았는데, 공지사항과 갤러리 사이 간격을 주고싶은데 방법을 모르겠습니다 ㅠ그리고 바로가기 메뉴와 갤러리 메뉴 사이에도간격을 주는 방법을 모르겠는데 어떻게 하면 될까요?지금 제가 작성한 html과 css에 어떤걸 추가하면 될까요 ㅠㅠ?
 - 
      
        
    해결됨처음 만난 리액트(React)
최종변환?
jsx강의 에서는 jsx는 내부적으로 html/xml코드를 자바스크립트로 변환하는 과정을 거치게 된다. 그래서 최종적으로는 자바스크립트 코드로 나오게 된다. 이렇게 말씀해주시고 jsx코드를 자바스크립트 코드로 변환하게 해주는 것이 react.createElement라고 하셨는데, 여기 강의 에서는 5분 35초 부근에 react.createElement 내부에 리액트 컴포넌트를 적어도 되고 모든 리액트 컴포넌트는 최종적으로는 html 태그를 사용하게 돼있다라고 하셨습니다. react.createElement를 통해서 최종적으로 자바스크립트가 된다는건가요? 아니면 html 코드가 된다는건가요,,?ㅠㅠ
 - 
      
        
    미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
1rem 이 16px 인가요 ?
색션 7 - 96:53초 정도에 .class-list { display: flex; list-style: none; padding : 0; margin: 1rem 0 0 0; }margin에 1rem ( 상단마진 ) 을 적용했는데강사분이 개발자도구 확인 하시더니 기본이 16이라고말씀하시는 부분이 이해가 안가서요.1rem = 16px인건가요 ?
 - 
      
        
    미해결처음 만난 리액트(React)
(실습) create-react-app 자꾸 오류가 나요,,
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.create-react-app 을 하면 자꾸 이런 오류가 떠서 실습을 못하고 있는데 뭐가 문제일까요..?
 - 
      
        
    미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의수강질문
현재 취업목적이아니라 향후 나만의 서비스를 만들어보자란취지로 자바 스프링 백엔드과정을 공부하고있는데요향후 화면구현을 직접하기 위해 이번에 새로나온 강의를 수강하면 향후 해당취지에도움이 많이될까요?사실 html css js 리액트 이런게 화면을 만들어내는걸로 알고있는데 SCSS 란게 뭔지 잘몰라서 판단이안서요 ㅠㅠ 그래서 향후 공부를하게되면화면구현을 자유자재로 할수있게될런지요? 현재 강사님의 강의는 다른 제 계정에html + css +js 포토폴리오 시즌1,2 2강좌 반응형 웹사이트 포토폴리오 아키텍쳐 agency 1강좌그리고 현재 이 계정엔 모바일웹 포토폴리오 figma 이렇게 총 4강좌 구매해서 보유중입니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma이강좌를 구매하게되면 제가 구매하고있는 강좌들이랑 내용의 겹침성은 크게없겠지요?
 - 
      
        
    미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의 관련질문이요
현재 모바일 웹 퍼블리싱 with figma 이강좌를 수강하고있는데요 보니까 새로운 강의가 또나왔더라구요 혹시 이게 내용상 많이 겹치나요????? 제가 공부가짧아서 볼줄아는 안목이없다보니 새로운강의도 하면 좋을지 판단이 잘안섭니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌요 여기구성보니까 모바일 웹퍼블리싱 관련 내용도있는것같아서요많이중복되지않나싶어서요
 - 
      
        
    미해결중상급 퍼블리싱을 위한 CSS3의 모든 것
수업자료는 없나요?~
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.,
 - 
      
        
    미해결애플 웹사이트 인터랙션 클론!
원래 쿼리셀렉터에서는 띄워쓰기 하면안되나요?
- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)- 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다.- 먼저 유사한 질문이 있었는지 검색해보세요.- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 원래 위처럼 document.querySelector("#scroll-section-0 .main-message.a"),.main-message.a 와 같이 클래스는 붙여서 작성해야하나요? 띄워서 작성하니까 안찾아지던데아이디와 클래스는 다른 속성이라서 띄워주고, 클래스끼리는 붙여서 작성해야하는 건가요아니면main-message클래스랑 a클래스는 형제클래스니까 부모 자식의 관계를 뜻할 때만 띄워주는 건가요?