inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

npx create-react-app my-app 명령어 반응없음

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. npx create-react-app my-app 명령어를 입력하면 어떤 에러가 발생하는 것도 아니고, 성공했다는 메시지도 나오지 않고 다시 명령어를 입력할 수 있는 상태로 돌아갑니다. nodeJs 버전은 22.12.0 이고 npm 버전은 10.9.0 입니다. 에러가 발생하지 않으니 해결 방법을 찾기가 쉽지 않아서 질문 남깁니다. 감사합니다.

  • HTML/CSS
  • javascript
  • react
강성빈 댓글 3 좋아요 1 조회수 471

도메인-호스팅 연결이안됩니다

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

호스팅케이알-패스트 코멧 도메인 연결이 되지 않은것 같습니다. 호스팅케이알에서 네임서버 변경 완료 후에 도메인으로 접속해보면 여전히 패스트 코멧이 아닌 호스팅케이알의 페이지로 연결됩니다. 강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다. (커뮤니티 주소 https://itconnect.dev/커뮤니티/ ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다. https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
김환희 댓글 2 좋아요 0 조회수 315

소스링크가 없습니다!

미해결

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

CSS 강의 Ep04 보시면 영상 설명란에 소스 코드 링크가 있다는데 대체 영상설명이 뭔지 잘 모르겠습니다. 여기에ㅣ 대체 어느 버튼인건가요? 아무리 찾아봐도 못찾겠습니다..

  • HTML/CSS
gyun do 댓글 2 좋아요 0 조회수 213

완성헸는데 javascript부분이 안되어 메일로 코드보내드려요

미해결

실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)

완성된 부분까지 코드를 메일로 첨부하였어요. javascript부분에서 scrollPos가 동작하지 않는 거 같아요~

  • HTML/CSS
  • jquery
  • 인터랙티브-웹
  • 반응형-웹
roaddion 댓글 2 좋아요 0 조회수 134

포스트맨 질문

미해결

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

[그랩마켓] axios로 네트워크 통신하기 편 수강 중 질문이 생겼습니다. 강의 중 31초에 보면 Body 부분이 HTML로 되어있는데 그 전까지는 JSON으로 하라고 했다가 갑자기 언급 없이 변경이 돼있어서 HTML로 해야되는지 JSON으로 해야되는지 헷갈립니다. 강의 중 4분 10초와 같이 통신 결과, status:200, 화면도 잘 뜹니다. 그런데 data에 화살표가 생기고 누르면 그 아래 products 객체 아래 배열대로 화살표가 생기고 하는데 저는 그냥 data에 값들이 쭉 나열만 되어있습니다. 이 부분을 강의에서처럼 바꾸고 싶습니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
박현 댓글 1 좋아요 0 조회수 120

CSSOM 강좌는 언제 올라오나요?

미해결

DOM 기본

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 선생님. 덕분에 재밌게 근본을 다지고 있는데요. 혹시, 세 번째 강좌인 cssom에 대한 강좌는 아직 계획이 없으신걸까요? ㅜㅜ 향후 계획이 있으시다면, 언제 오픈하실 지 궁금합니다. ㅎㅎ 모조록 건강하시고, 새해 복 많이 받으세용 감사합니다.

  • HTML/CSS
  • javascript
  • dom
러닝맨 댓글 1 좋아요 2 조회수 145

온라인 건물연구소 홈페이지

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

온라인 건물연구소 이미지로고를 쓰려고 찾아보니까 안나와서 그런데 혹시 주소가 바뀌었을까요?

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
명우 댓글 2 좋아요 0 조회수 224

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

미해결

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

주신 샌드박스 파일에서는 height가 50vh라고 되어있는데 강의에서는 아래와 같이 height가 50vw라고 되어있네요 뭐가 맞는거죠? vh가 맞는것 아닌가요

  • HTML/CSS
  • javascript
  • es6
nrlee 댓글 1 좋아요 0 조회수 164

페이지 클래스리스트 제거 해줬을때

미해결

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

(() => { const leaflet = document.querySelector('.leaflet'); const pagesElem = document.querySelector('.page'); let pageCount = 0; function getTarget(target,className) { while (!target.classList.contains(className)) { target = target.parentNode; if (target.nodeName === 'BODY') { return; } } return target; } leaflet.addEventListener('click', (e) => { let pageElem = getTarget(e.target, 'page'); pageElem.classList.add('page-flipped'); pageCount++; if (pageCount === 2) { document.body.classList.add('leaflet-opened'); } let closeElem = getTarget(e.target, 'close-btn'); if (closeElem) { console.log(pagesElem); closeElem.classList.remove('leaflet-opened'); pageElem.classList.remove('page-flipped'); pageCount = 0; } }); })(); page 첫번째를 선택을 해줘도 close 버튼을 클릭했을때 3번째 페이지의 page-flipped가 제거 되면서 세번째 페이지가 접어 지는데 이유가 뭔가요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
samkookji12 댓글 0 좋아요 0 조회수 118

id 중복으로 해도 문제 없습니다

미해결

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

<h1 id="title">애국가</h1> <hr /> <h2 id="title">1절</h2> 이렇게 id를 중복으로 선언해도 문제없이 둘다 css가 적용됩니다. 그런데 선생님은 id는 요소 하나에만 쓸 수 있다고 하셨습니다. 뭐가 맞는건지 궁금합니다

  • HTML/CSS
gyun do 댓글 2 좋아요 0 조회수 447

강의듣다가 궁금해져서 문의 남깁니다. (빼꼼이 슬라이드 반응형)

미해결

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님 강의듣다가 궁금해져서 문의남깁니다. 빼꼼이 슬라이드를 반응형에도 적용하고 싶을땐 .good-suggestion-items{ width:430px }말고 어떤 값을 줘야될지 궁금합니다.

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

import 코드 에러

미해결

처음 만난 리액트(React)

23번 줄에 왜 에러가 뜨는지 이유를 모르겠습니다 npm을 실행하면 react 창에 다음과 같이 표출됩니다 vscode를 껐다 켜도 동일한 상황이 발생해요

  • HTML/CSS
  • javascript
  • react
dlwlgur37 댓글 1 좋아요 1 조회수 227

백틱

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 혹시 작은 따옴표와 백틱을 구분하여 사용해야 하나요? 백틱을 써야하는데 작은 따옴표를 쓰면 오류가 나거나 그 반대 상황에서도 오류가 나는 경우가 있을까요?큰 따옴표도 궁금합니다!

  • HTML/CSS
  • javascript
  • react
오키오키 댓글 1 좋아요 1 조회수 137

섹션2 자료 확인 부탁드립니다~!

미해결

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

선생님 ~ 섹션2 [실습] HTML 와이어프레임 만들기 실습(커스텀 체크박스 로그인 폼) 듣고 있는데 자료 다운 폴더에 모바일 웹 HTML 와이어프레임 구조 폴더가 없는것 같습니다. HTML 와이어프레임 실습(로그인 폼), 모바일 웹 개별 페이지(PNG) 등 등, 그리고 피그마 주소도 보이지 않네요 ~! 자료 받을수 있을까요?

  • HTML/CSS
  • 모바일-디자인
  • wireframe
  • iframes
  • slick-slider
스리 댓글 2 좋아요 1 조회수 161

태그 닫는 단축키가 뭔가요?

미해결

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

저는 <div></div> 이렇게 해 놓고 시작하는데 강의에서는 내용 입력하고 마지막에 </div>가 자동으로 작성되네요?

  • HTML/CSS
절차탁마 댓글 1 좋아요 0 조회수 196

css grid repeat() 에서 autofit 사용시

미해결

CSS Flex와 Grid 제대로 익히기

.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 600px)); /* grid-template-rows: repeat(3, minmax(100px, auto)); */ } </style> </head> <body> <div class="grid-container"> <div class="grid-item">a</div> <div class="grid-item">b</div> <div class="grid-item">c</div> minmax의 최소값은 적용이 안되고 최대값만 적용 되는게 맞나요?

  • HTML/CSS
  • flex
samkookji12 댓글 1 좋아요 0 조회수 225

빈 화면에서 tail 만 쳤을때 팝업도움말 나오게 하는 법 알려주세요.

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

컬러 및 배경, 보더 처리 00:43 여기보면 tail 만 쳐도 emmit 이라고 해야 되나요. 팝업도움말이 뜨는데 저는 저런게 전혀 뜨지 않는데요. 어떻게 해야 저런 도움말 팝업이 뜰 수 있나요? tailwind css intellisense 플러그인은 설치해놓은 상태입니다.

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
테이크 댓글 2 좋아요 0 조회수 153

tailwind.config.js 파일을 통해 다크 모드 설정시 적용이 되지 않습니다.

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

[tailwind.config.js] /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{html,js}'], darkMode: 'selector', }; [practice-test.html] <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Tailwind CSS</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-white dark:bg-gray-900 dark:text-white"> <main class="container max-w-5xl mx-auto min-h-screen flex items-center justify-center" > <div class="flex flex-col items-center"> <h1 class="font-extrabold text-3xl">Tailwind CSS 다크모드</h1> <p class="mt-4">이 페이지는 다크 모드를 지원합니다.</p> <button id="darkmode_btn" class="bg-blue-500 px-4 py-2 rounded-md text-white mt-4" > 다크 모드 전환 </button> <div class="px-10 py-6 bg-white rounded-md shadow-md mt-20 dark:bg-gray-800" > <p>이 박스는 다크 모드에서 배경이 어두운 색으로 변합니다.</p> </div> </div> </main> <script> document.querySelector('#darkmode_btn').addEventListener('click', () => { document.documentElement.classList.toggle('dark'); }); </script> </body> </html> tailwind.config.js 의 경로는 아래 스크린샷으로 첨부하였습니다. 제가 무슨 설정을 빠트린건지 명확히는 모르겠는데 <head> 태그 내부에 <script> 태그로 아래와 같이 설정하면 버튼을 클릭했을 때 다크모드와 원래 상태로 정상적으로 토글이 되는데 tailwind.config.js 로 설정만 하면 토글이 안되네요 모든 페이지에 다크모드를 설정하기 위해서는 tailwind.config.js 를 통해서 다크 모드 활성화를 하는 것이 좋을 것 같아서 질문 남깁니다! 좋은 강의 감사드립니다. tailwind.config = { // darkMode: 'media', // 운영 체제의 모드에 맞게 설정 darkMode: 'selector', // 수동으로 설정 };

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
Droid 댓글 1 좋아요 0 조회수 322

menu 아이템 반응형 변경

미해결

CSS Flex와 Grid 제대로 익히기

@media (max-width: 310px) { .menu { flex-wrap: wrap; } .menu-item { width: 100%; flex: 1 auto; } } 크기가 좁아질때 일자로 배치를 해봤는데 메뉴 아이템에 호버가 걸려있어서 사이즈가 작아지는 경우가 생겨서 flex 로 사이즈 변경이 안되게 해줬는데 저런 경우에 똑같이 menu-item:hover 이런식으로 접근하는게 맞을까요?

  • HTML/CSS
  • flex
samkookji12 댓글 1 좋아요 0 조회수 121

인기 태그

인프런 TOP Writers

주간 인기글