inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

npm install --save react-router-dom 설치 질문

미해결

처음 만난 리액트(React)

해당 코드를 터미널에서 작성했는데 설치가 되지 않습니다.. 무슨 문제일까요...

  • HTML/CSS
  • javascript
  • react
qkrdmlcks55 댓글 1 좋아요 0 조회수 728

과제하면서 궁금해서 질문 올립니다.

해결됨

[코드캠프] 시작은 프리캠프

16분에 보면 별도로 제공되는 피그마 통해서 들어가서 확인 하라고 했는데 어떻게 들어갈 수 있는 건가요?

  • HTML/CSS
  • javascript
kbtusno12 댓글 1 좋아요 0 조회수 435

float속성

미해결

입문자를 위한, HTML&CSS 웹 개발 입문

float속성 강의에서 p태그의 가로 길이가 div의 width만큼밖에 안되어 있는데 원래는 block속성이니까 뷰포트 전체를 차지해야 하는 것 아닌가요?? 아니면 혹시 div의 자식 태그여서 부모의 width속성을 상속 받은 건가요?

  • HTML/CSS
elephant159 댓글 1 좋아요 0 조회수 288

false expression

미해결

처음 만난 리액트(React)

Inline If에서 false expression을 사용하면 뒤에 내용은 평가되지 않지만, false expression의 결과 값이 그대로 리턴되기 때문에 주의 해야 한다 이렇게 말씀하셨는데 그러면 하단의 흰색 박스에 조건이 만족하지 않을 경우에도 결과 값을 그대로 리턴하나요..?

  • HTML/CSS
  • javascript
  • react
sohee 댓글 1 좋아요 0 조회수 320

isEqualByComparingTo를 사용하는 이유가 궁금합니다.

미해결

Practical Testing: 실용적인 테스트 가이드

안녕하세요 강의를 듣다가 궁금증이 생겨서 질문을 드립니다. void init() { // given List<Product> products = List.of( createProduct("001", 1000), createProduct("002", 2000) ); // when Order order = Order.create(products, LocalDateTime.now()); // then assertThat(order.getOrderStatus()).isEqualByComparingTo(OrderStatus.INIT); } 강의에서 OrderTest 클래스 테스트 과정에서 enum을 비교할때 isEqualByComparingTo를 사용하셨습니다. assertThat(order.getOrderStatus()).isEqualTo(OrderStatus.INIT); 위와 같이 isEqualTo를 사용해도 enum을 비교할 수 있는데, 혹시 isEqualTo 대신 isEqualByComparingTo를 사용한 이유를 알 수 있을까요? isEqualByComparing가 정의된 AbstractComparableAssert.java를 확인해보면 BigDecimal을 예시로 들어서 사용법을 설명하고 있습니다. BigDecimal의 예시로 Enum을 써야 하는 방법을 생각해보았는데, 유추(?)가 잘 되지 않아서 질문을 남깁니다. 항상 좋은 강의 제공해주셔서 감사합니다!!😀😀

  • 소프트웨어-테스트
  • junit5
  • java
amenable 댓글 2 좋아요 1 조회수 847

state.notifications 배열에 push가 가능한지 질문드리겠습니다.

미해결

처음 만난 리액트(React)

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가 가능한지 질문 드려도 괜찮을까요 강의 잘 보고 있습니다. 감사합니다!

  • HTML/CSS
  • javascript
  • react
학생1 댓글 1 좋아요 0 조회수 437

api 질문입니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

포토폴리오 마이페이지 - 내포인트 부분을 작업하는 도중 api 질문입니다. fetchPointTransactionsOfBuying 이 내포인트 -> 구매내역 api로 알고있습니다. 피그마를 보면 거기서 판매자 데이터를 가져오고있는데 오류가 뜨네요.ㅠ 판매자 데이터를 가져오고 싶은데 여기서 seller {name} 이부분을 넣으면 데이터가 안가져오네요.. 판매자데이터가 없어서 그런건지 왜 그런지와 어떻게 해야하는지 두가지 모두 알고싶습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
임프런 댓글 2 좋아요 0 조회수 381

렌더링 관련 질문

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 소플님 실습을 따라 해보았는데 하나의 useEffect는 컴포넌트가 렌더링 될 때마다 콘솔이 찍히고 하나의 useEffect는 count값이 변경될 때마다 찍힌다는 것까지는 이해했습니다. 근데 마지막 최대 인원을 수용하는 10명까지 수용을 하고는 버튼 컴포넌트가 isFull: true로 찍히고 컴포넌트가 렌더링 되지 않아서 useEffect 콘솔과 isFull: true 이 안 찍혀야 하는 것 아닌가요? 왜 이렇게 찍히는지 이해가 안됩니다,,ㅠㅠ

  • HTML/CSS
  • javascript
  • react
sohee 댓글 1 좋아요 0 조회수 531

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
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
diane_kim 댓글 1 좋아요 0 조회수 1237

<track> 태그를 사용하여도 자막이 뜨지 않습니다.

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

14강 비디오와 오디오 강의 12분 쯤에서, <track> 태그를 사용하여 자막을 뜨는 방법을 알려주셨는데 똑같이 따라해보아도 동영상에서 자막이 뜨지 않습니다. 자막 선택하는 버튼은 정상적으로 작동하는데, 선택을 하여도 자막이 보이지 않습니다. 어떻게 하면 될까요??

  • HTML/CSS
문정민 댓글 1 좋아요 0 조회수 633

최종본제작 세로2칼럼 c타입에 공지사항 갤러리 제작 관련 문의

해결됨

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

공지사항 갤러리와 바로가기 제작이 생략 되어있어서 다른 실전 제작 강의를 참고해서 혼자 만들어보았는데, 공지사항과 갤러리 사이 간격을 주고싶은데 방법을 모르겠습니다 ㅠ 그리고 바로가기 메뉴와 갤러리 메뉴 사이에도 간격을 주는 방법을 모르겠는데 어떻게 하면 될까요? 지금 제가 작성한 html과 css에 어떤걸 추가하면 될까요 ㅠㅠ?

  • HTML/CSS
  • jquery
  • 웹-디자인
혜민 댓글 3 좋아요 2 조회수 398

최종변환?

해결됨

처음 만난 리액트(React)

jsx강의 에서는 jsx는 내부적으로 html/xml코드를 자바스크립트로 변환하는 과정 을 거치게 된다. 그래서 최종적으로는 자바스크립트 코드로 나오게 된다. 이렇게 말씀해주시고 jsx코드를 자바스크립트 코드로 변환하게 해주는 것이 react.createElement라고 하셨는데, 여기 강의 에서는 5분 35초 부근에 react.createElement 내부에 리액트 컴포넌트를 적어도 되고 모든 리액트 컴포넌트는 최종적으로는 html 태그를 사용하게 돼있다라고 하셨습니다. react.createElement를 통해서 최종적으로 자바스크립트가 된다는건가요? 아니면 html 코드가 된다는건가요,,?ㅠㅠ

  • HTML/CSS
  • javascript
  • react
sohee 댓글 1 좋아요 0 조회수 449

1rem 이 16px 인가요 ?

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

색션 7 - 9 6:53초 정도에 .class-list { display: flex; list-style: none; padding : 0; margin: 1rem 0 0 0; } margin에 1rem ( 상단마진 ) 을 적용했는데 강사분이 개발자도구 확인 하시더니 기본이 16이라고 말씀하시는 부분이 이해가 안가서요. 1rem = 16px 인건가요 ?

  • HTML/CSS
  • javascript
  • es6
hanyn 댓글 3 좋아요 0 조회수 3004

(실습) create-react-app 자꾸 오류가 나요,,

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. create-react-app 을 하면 자꾸 이런 오류가 떠서 실습을 못하고 있는데 뭐가 문제일까요..?

  • HTML/CSS
  • javascript
  • react
jjm 댓글 3 좋아요 1 조회수 4472

강의수강질문

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

현재 취업목적이아니라 향후 나만의 서비스를 만들어보자란취지로 자바 스프링 백엔드과정을 공부하고있는데요 향후 화면구현을 직접하기 위해 이번에 새로나온 강의를 수강하면 향후 해당취지에 도움이 많이될까요? 사실 html css js 리액트 이런게 화면을 만들어내는걸로 알고있는데 SCSS 란게 뭔지 잘몰라서 판단이안서요 ㅠㅠ 그래서 향후 공부를하게되면 화면구현을 자유자재로 할수있게될런지요? 현재 강사님의 강의는 다른 제 계정에 html + css +js 포토폴리오 시즌1,2 2강좌 반응형 웹사이트 포토폴리오 아키텍쳐 agency 1강좌 그리고 현재 이 계정엔 모바일웹 포토폴리오 figma 이렇게 총 4강좌 구매해서 보유중입니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌를 구매하게되면 제가 구매하고있는 강좌들이랑 내용의 겹침성은 크게없겠지요?

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
pcdoomco4 댓글 1 좋아요 1 조회수 332

강의 관련질문이요

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

현재 모바일 웹 퍼블리싱 with figma 이강좌를 수강하고있는데요 보니까 새로운 강의가 또나왔더라구요 혹시 이게 내용상 많이 겹치나요????? 제가 공부가짧아서 볼줄아는 안목이없다보니 새로운강의도 하면 좋을지 판단이 잘안섭니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌요 여기구성보니까 모바일 웹퍼블리싱 관련 내용도있는것같아서요 많이중복되지않나싶어서요

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
pcdoomco4 댓글 1 좋아요 1 조회수 301

수업자료는 없나요?~

미해결

중상급 퍼블리싱을 위한 CSS3의 모든 것

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.,

  • HTML/CSS
이태권 댓글 1 좋아요 1 조회수 349

원래 쿼리셀렉터에서는 띄워쓰기 하면안되나요?

미해결

애플 웹사이트 인터랙션 클론!

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :) - 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다. - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 원래 위처럼 document.querySelector("#scroll-section-0 .main-message.a"), .main-message.a 와 같이 클래스는 붙여서 작성해야하나요? 띄워서 작성하니까 안찾아지던데 아이디와 클래스는 다른 속성이라서 띄워주고, 클래스끼리는 붙여서 작성해야하는 건가요 아니면 main-message클래스랑 a클래스는 형제클래스니까 부모 자식의 관계를 뜻할 때만 띄워주는 건가요?

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
oridori2705 댓글 2 좋아요 0 조회수 636

발급가능 쿠폰개수가 1인당 2개이상일 때

미해결

실습으로 배우는 선착순 이벤트 시스템

안녕하세요! 강의 재미있고 유익하게 잘 듣고 있습니다 :) 확장에 대해 생각해보니, Set을 이용해서는 중복방지 이상 개수 확장에 대해서 처리는 불가능 할 거 같아서요. 혹시, 2개 이상 N개 제한에 대한 확장 방법은 어떤게 있을까요?? 감사합니다!

  • java
  • docker
  • spring-boot
  • kafka
  • redis
Reid 댓글 2 좋아요 2 조회수 936

메인 화면 이미지가 안뜨는 문제 관련

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

안녕하세요 그랩님! 바로 이전 질문에서 저와 동일한 현상으로 질문 주신것에 답변(하기 스크린샷)대로 변경을 해보았습니다. 그랬더니 이번엔 그랩마켓 내의 '상품업로드'를 통해 등록한 키보드2 이미지만 뜨고 이전에 등록한 제품들은 깨져서 보이지 않아 이럴경우엔 어떻게 해결해야 할지 문의드립니다!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
diane_kim 댓글 2 좋아요 1 조회수 488

인기 태그

인프런 TOP Writers

주간 인기글