inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

class와 id

미해결

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

CSS에서 id 선택자는 문서에서 하나만, class 선택자는 문서에서 여러개를 선택 가능하다고 하셨는데요! id 선택자가 따로 있는 이유는 무엇인가요? (모두 class로 선택하면 되는 것이 아닌가 해서 여쭤봅니다!) 감사합니다!

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 289

빌드 불가.. ㅠㅠ

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. node가 V18.14.2 버젼이고, npm이 9.5.0 버전인데 zsh: killed npx create-react-app ReactTest 라고 뜹니다 ㅠㅠ

  • HTML/CSS
  • javascript
  • react
SeongEun Hwang 댓글 3 좋아요 1 조회수 863

제출하기 버튼

미해결

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

<input type="submit" value="제출하기" /> <button type="submit">제출하기</button> 위의 두 줄의 차이는 무엇일까요?

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 664

bitnami WAMP 서비스가 종료되었다고 합니다.

미해결

따라하면서 배우는 웹애플리케이션 만들기

아무리 검색해도 WAMP를 대체할 수 있는 건 안 나오는데 그럼 아파치, MySQL, PHP를 다 따로 설치하는 방법밖에 없을까요...?

  • HTML/CSS
  • php
marko dans 댓글 1 좋아요 0 조회수 1719

a 태그 이용해 이동

미해결

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

a 태그를 이용해서 id target으로 이동하는 방법에 대해 알려주셨는데요! 같은 내용을 클래스에 적용할 수는 없는 건가용?

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 426

비디오태그

미해결

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

비디오 태그를 적용할 때 type="video/mp4"를 해주는 이유는 무엇인가요?

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 461

(실습)댓글 컴포넌트 만들기 강의에서 props 관련 질문

미해결

처음 만난 리액트(React)

<Comment name={"이인제"} comment={"안녕하세요, 스필입니다."}/> 이렇게 전달하는데 {}을 쓰거나 쓰지않거나 정상적으로 포트 화면에 출력이 되는데 둘의 차이가 무엇인지 궁금합니다.

  • HTML/CSS
  • javascript
  • react
이승언 댓글 1 좋아요 0 조회수 755

부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다.

미해결

[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

강의가 너무 좋았습니다. 부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다. 꼭 수강하겠습니다.^^

  • HTML/CSS
  • bootstrap
놀란 팬더 댓글 1 좋아요 1 조회수 447

디스코드..?

미해결

습관부터 바꿔주는 React 기초

안녕하세요 리엑트 강의 수강생입니다~! 과제내어주신 부분에, "디스코드에 선택자과제 html 공유해 드립니다." 라고 되어 있는데요. 어떻게 들어갈 수 있나요?

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

상품디테일 하단 아코디언 질문이요~

미해결

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

안녕하세요. 선생님~ 상품디테일 하단 아코디언 진행중에 처음에 타이틀 +일때 클릭하면 -로 변경되고 디테일이 나오는데요, 다시 타이틀 -를 누르면 디테일이 사라지면서 타이틀이 +로 바뀌어야 하는거 아닐까요? 클릭하면 계속 active만 추가되었다 빠졌다해서 디테일은 그대로 있고 타이틀 부분만 +, -변경되서 질문드립니다~ 혹시 js 이렇게 변경해서 사용해도 되는걸까요? 확인부탁드립니다~

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

콜백 함수 질문

미해결

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

콜백함수에서 첫번째 함수 선언했을때 나중에 그냥 sayHello()로 호출하면안되나요? 굳이 함수를 새로 만들어서 거기 인자에 콜백함수 넣고, 함수이름(sayHello)를 실행시키는 이유가 궁금해요~~

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

텍스트를 안에 넣어도 상관없나요?

해결됨

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

이름, Phone, E-mail, 인스타그램 이 텍스트를 >< 사이에 넣는것과 </i> 오른쪽에 넣는 것과 차이가 있나요??

  • HTML/CSS
  • javascript
방황하는물고기 댓글 1 좋아요 0 조회수 367

css 선택자의 모든-선택자 우선순위가 중요한 이유 강의 내용중에서

미해결

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

안녕하세요 수강을 시작한지 얼마 되지 않은 학생입니다. 강의를 듣던중 질문이 생겨 질문드립니다. 강의 12분 경 선택자 우선순위를 설명하시면서 외부 스타일시트 보다 내부 css가 더 우선한다고 말씀해주셨는데 <link rel="stylesheet" href="style.css"> <style> h1 { color : yellowgreen; } </style> 이런식으로 구성되어 있는데 내부 css가 우선해서 yellowgreen 이 적용된다는 식으로 말씀을 해주셨는데 우선순위가 같을 경우 top-down 으로 적용되다 보니 yellowgreen이 적용되는거 아닌가요 style 태그가 link 태그 상단으로 이동된다면 결과는 반대가 됩니다 우선순위가 같을 경우 나중에 쓴것이 덮어쓴다고 알고있습니다 하신 말씀이 오해의 소지가 있는거 같아 질문 남깁니다 답변 부탁드리겠습니다 감사합니다.

  • HTML/CSS
권경완 댓글 1 좋아요 1 조회수 564

넣지 않은 패딩이 있고 해당부분을 해결할 수 없어요

미해결

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

■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. <보고 있던 강의제목> 3. 상단 드롭다운 네비게이션(3가지 타입) – HTML+CSS+JQUERY 강의시점 23:09 아래는 작성한 css body { display: flex; justify-content: center; } .container { border: 1px solid #000; width: 1200px; } header { display: flex; justify-content: space-between; position: relative; } header>div { border: 1px solid #000; height: 100px; } .header-logo { width: 200px; } .navi { width: 600px; } .slide {} .slide div { border: 1px solid #000; height: 300px; } .items { display: flex; } .items>div { border: #000 1px solid; height: 200px; } .news { width: 400px; } .banner { width: 400px; } .shortcut { width: 400px; } footer { display: flex; } footer>div { border: #000 1px solid; height: 100px; } .footer-logo { width: 200px; } .copyright { width: 800px; } .sns { width: 200px; } /* navi */ .menu { list-style: none; margin-top: 67px; } .menu li { /* border: #000 1px solid; */ float: left; width: 25%; box-sizing: border-box; text-align: center; } .sub-menu { border: #000 1px solid; /* display: none; */ } .sub-menu a { display: block; text-decoration: none; padding: 5px; background-color: #fff; transition: 0.5s; } .sub-back { width: 100%; height: 200%; background-color: #000; position: absolute; right: 0; } .sub-menu a:hover { background-color: #000; color: #fff; } .menu li>a { border: #000 1px solid; display: block; padding: 5px; text-decoration: none; } .menu li:hover>a { background-color: #000; color: #fff; }

  • HTML/CSS
  • jquery
  • 웹-디자인
박수빈 댓글 2 좋아요 1 조회수 614

문의

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 도형 로딩 애니메이션-01 </title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loading"> <span></span> <span></span> <span></span> </div> </body> </html> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap'); body { font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em; margin: 0; font-weight: 300; display: flex; justify-content: center; align-items: center; height: 100vh; } a { text-decoration: none; } .loading {} .loading span { display: inline-block; width: 15px; height: 15px; background-color: gray; background-repeat: 50%; } .loading span:nth-child(1) {} .loading span:nth-child(2) {} .loading span:nth-child(3) {} @keyframes loading { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0; transform: scale(1.2); } 100% { opacity: 0; transform: scale(0.5); } } 도형 자체가 만들어지지 않는데 뭐가 문제일까요? VS CODE 사용중입니다.

  • HTML/CSS
  • jquery
닉네임12 댓글 2 좋아요 1 조회수 465

<html lang = "ko">

미해결

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

"ko"를 "en"으로 바꾸면 영어로 컨텐츠 내용을 구성할 수 있다고 하셨는데 혹시 한글, 영어를 섞어서 넣고 싶으면 어떻게 작성해야 할까요?

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 845

CSS input radio type 수정하는 방법이 궁금합니다

해결됨

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

구글 통해서 radio 박스를 CSS를 이용해 변경하고 폰트 위치랑 padding을 적용해보려고 했는데 적용이 안됩니다 피드백 부탁드립니다 ㅠㅠ // HTML <div class="radioSet"> <input type="radio" class="radioBox" name="gender">여성 <input type="radio" class="radioBox" name="gender">남성 </div> // CSS .radioSet { width: 100%; height: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 20px; } .radioBox { width: 20px; height: 20px; }

  • HTML/CSS
  • javascript
jihunpark3 댓글 1 좋아요 0 조회수 824

vscode 새로운 폴더 불러오기

해결됨

[코드캠프] 강력한 CSS

제가 프리캠프 강의 듣고 넘어와서 이전에 'PRECAMP'로된 폴더가 vscode에 있었는데 css폴더를 불러오니까 사라지던데, 원래 폴더는 하나밖에 못 불러오나요? 아님 이전에 있던 폴더는 다른 곳으로 이동 한 건가요?

  • HTML/CSS
말차 댓글 1 좋아요 0 조회수 412

precision_recall_curve() 관련 질문드립니다.

미해결

[개정판] 파이썬 머신러닝 완벽 가이드

안녕하세요, 좋은강의 감사합니다. precision_recall_curve() 함수를 이용해서, y값과, 예측 값을 넣어주었을때 리턴되는값이 정밀도, 재현율, thresholds 값이 반환이 되는것으로 확인했습니다. 여기서 궁금한 부분이 thresholds값의 변화는 함수에서 임의로 진행 되는것 일까요?

  • python
  • 머신러닝
  • 통계
댓글 1 좋아요 0 조회수 324

선생님 Advanced 강의가 절실합니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

좋은 강의 감사합니다. 항상 웹을 만들면서 뭔가 아쉽다 부족하다 생각햇는데 그게 GSAP로 채워지는 것 같습니다. advanced 강의는 언제 나오는지 정보좀 주실 수 없을까요? scrollTrigger와 반응형 강의가 절실합니다.ㅎㅎ 가능하다면 React나 Next.JS와 같은 프레임워크 호환 파트도 추가해주실 수 있나요.... 감사합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
월터 댓글 1 좋아요 1 조회수 496

인기 태그

인프런 TOP Writers

주간 인기글