inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

프로젝트 2 이미지 깨짐 현상

미해결

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

강사님이 올려주신 파일 그대로 열었는데 이런식으로 깨집니다. 어떻게 해결해야하나요? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="/assets/css/app.css"> <title>My Second Web</title> </head> <body> <header id="header" class="wrapper"> <section id="navTop" class="nav-top py-2 d-none d-md-block"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-3 text-start lead fast-counsel"> <a href="#" class="btn btn-outline-dark">Contact</a> </div> <div class="col-4 logo"> <a href="index.html" class="navbar-brand d-flex"> <img src="/assets/images/dummy-logo.png" alt="" class="img-fluid ms-auto" width="200px" data-bs-toggle="tooltip" data-bs-placement="bottom" title="My amazing website!!"> </a> </div> <div class="col-5 text-end socials"> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-phone.png" alt="Phone" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-kakao-channel.png" alt="Kakao Channel" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-facebook.png" alt="Facebook" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-twitter.png" alt="Twitter" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-youtube.png" alt="Youtube" width="40px" class="shadow-box"> </a> </div> </div> </div> </section> <nav id="navPrimary" class="navbar navbar-expand-md navbar-dark"> <div class="container-xxl"> <a class="navbar-brand d-block d-md-none" href="index.html"> <img src="/assets/images/dummy-logo.png" alt="Logo" class="img-fluid"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navPrimaryContent"> <ul class="navbar-nav mx-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Intro </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="page.html">About us</a></li> <li><a class="dropdown-item" href="page.html">Find us</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Gallery</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Reviews</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Reservation</a> </li> <li class="nav-item"> <a class="nav-link btn btn-outline-secondary" href="#"><i class="fa fa-search"></i></a> </li> </ul> </div> </div> </nav> </header> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> <!-- Kakao map appkey here --> <script src="/assets/js/app.js"></script> </body> </html>

  • html/css
  • HTML/CSS
  • 웹 디자인
  • javascript
  • 웹-디자인
  • bootstrap
지루한 오리 댓글 1 좋아요 0 조회수 1207

i 테그인 경우 입력방법

미해결

실용적인 웹 프로그래밍

안녕하세요. '자바 스크립트로 뉴스 기사 본문만 보이게 하기' 강의목차를 수강하는 중간에 궁금한 점이 생겨서 이렇게 질문남깁니다. querySelector는 #이나 . 을 이용하는 걸로 알고있는데, 제가 사용하려는 부분이 i 태그인 경우에는 어떻게 입력해야하는지 모르겠습니다..

  • html/css
  • HTML/CSS
  • javascript
이다민 댓글 1 좋아요 0 조회수 499

ddl error

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

Caused by: org.h2.jdbc.JdbcSQLSyntaxErrorException: Cannot drop "PRODUCT" because "FKR3MKF1FYVW50W5N52XQ1B8A4B" depends on it; SQL statement: 참조때문에 drop이 안되어서 create를 다시할떄 문제가 생기는 것같습니다.

  • jpa
  • JPA
  • java
kim1234123 댓글 1 좋아요 1 조회수 489

html select option 아이콘 삽입

해결됨

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

<div class="left__body__footer"> <div class="wrapper__feel"> <div class="feel__title">오늘의 기분</div> <select class="feel__select"> <option>기쁨 <i class="fa-regular fa-face-smile"></i> </option> select option 에서 기쁨 뒤에 아이콘 삽입하려는데 코드를 어떻게 짜야 아이콘이 삽입이 되는지 질문합니다

  • html/css
  • javascript
  • HTML/CSS
frontend 댓글 1 좋아요 0 조회수 448

진짜 명쾌한 강의다! 강사님 지식을 애살있는 전달력으로 몰입은 충분하다.. // 스프링 강의를 시청하고 애매한 부분이 풀리기 시작한다 이 강의 마지막까지 시청했을 때 어떤 두려움이 없어지는지 정말 빠르게 느끼고 싶다!!

미해결

JSP 웹 쇼핑몰 프로그래밍 기본 과정(JSP WEB Programming)

강사님 새해 인사 조금 늦졌지만 건강하세요 강사님의 지식을 뛰어난 전달력으로 강의 해주셔서 고맙습니다..

  • jsp
  • java
kangjee212 댓글 1 좋아요 0 조회수 551

NGINX에러

미해결

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

vi /etc/nginx/sites-available/default 수정 전에는 정상 작동합니다. 그런데 아래와 같이 수정하면 에러 발생합니다.

  • html/css
  • aws
  • git
  • javascript
  • rest-api
  • HTML/CSS
  • mysql
  • github
jksyk 댓글 3 좋아요 0 조회수 730

퀴즈 #10 질문이요~~

해결됨

나도코딩의 자바 기본편 - 풀코스 (20시간)

강의 잘 듣고 있습니다! 이것저것 해보다가 궁금한게 생겼어요. 19번째 줄이 실행되는 순간 customerList의 fee 값이 바뀌어야 하는거 아닌가요? 20번째 줄을 안쓸때는 아래처럼 fee값이 안바뀐채로 출력되는데 챈 50 0 레 45 0 모 40 0 벤 20 0 제 10 0 20번째 줄을 쓰니까 이렇게 나오는 이유가 궁금합니다! 챈 50 2000 레 45 2000 모 40 2000 벤 20 0 제 10 0

  • 객체지향
  • java
  • oop
댓글 1 좋아요 0 조회수 295

스프링부트 버전, 자바 버전

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

스프링부트 버전이 현재 2버전은 2.7.8밖에 없는데 자바11로 다운 받았으니 3버전 안하고 2.7.8로 하고 나머진 강의 그대로 해도 될까요?? 현재 화면입니다. 이렇게 설정해도 문제없는지 질문드립니다. 자주하는 질문에 보니 스프링부트 3버전부터는 Java17이상을 다운받아야한다고 나와있는데, 원래 Java19가 있는데 지웠다 11로 다시 설치한 상태라 컴퓨터에 Java여러 버전이 제대로 지워지지 않으면 오류가 날까봐 있는 버전으로 가능할지 질문드립니다.

  • spring
  • java
  • mvc
  • spring-boot
  • MVC
jm01 댓글 2 좋아요 4 조회수 2908

axios error

미해결

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

ngrok 연결도 다 했고 url에다가 POSTMAN으로 GET 요청하면 데이터도 잘 불러와지는데 결과창을 보면 데이터가 불러와지지 않아 화면이 제대로 뜨질 않네요...해결 방법이 있을까요?

  • html/css
  • tensorflow
  • 머신러닝 배워볼래요?
  • react-native
  • node.js
  • express
  • 머신러닝
  • react
  • nodejs
  • HTML/CSS
  • javascript
hyj_0327 댓글 1 좋아요 0 조회수 758

안녕하세요

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 헷갈리는 부분이 있어 질문드립니다. em.persist(member) 를 하게 되면 DB에 저장이 바로 되는건지, 영속성 컨텍스트에만 저장이 되는건지 궁금합니다. 그리고 DB 연결이 안되어 있는 상황에서 em.persist(member) 를 하게 된다면 어디에 저장이 되는 건지도 헷갈립니다.

  • java
  • spring-boot
  • 웹앱
  • 웹앱
  • jpa
  • spring
  • JPA
작성자 댓글 1 좋아요 0 조회수 543

return의 의미에 대하여

해결됨

나도코딩의 자바 기본편 - 풀코스 (20시간)

안녕하세요 공부하다가 이해안되는 부분이 있어서 이렇게 질문합니다. 44번 문장에서는 return을 사용하는데 47번 문장에서는 왜 return을 사용하지 않나요? 그리고 this. 이 부분은 어떻게 사용하고 왜 사용하나요? 그냥 this 빼고 사용하면 안되나요?

  • 객체지향
  • oop
  • java
ku8335 댓글 1 좋아요 1 조회수 604

노션관련질문

해결됨

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

학습자료를 노션으로 올려주셨는데 해당 학습자료는 다운로드하여 pdf로 사용이 불가능한 것인가요? 링크를 통해서만 접근이 가능한 것일까요?

  • html/css
  • javascript
  • HTML/CSS
w3w 댓글 1 좋아요 0 조회수 280

맥 인텔리제이가 실행이 되지않습니다

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

이화면에서 계속 멈춥니다,, 지우고 깔고 계속 기다려보는데도 여기서멈춰요...

  • 객체지향
  • oop
  • java
방방이 댓글 2 좋아요 1 조회수 1659

Spring 초기 생성에서 버전이 강의와 다릅니다.

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

현재 https://start.spring.io/ 에 접속하며 나오는 버전입니다. 강의에서는 2.3.x 버전인데 여기서는 없어서 2.7.8 로 진행했습니다. 이대로 진행해도 문제 없을까요? 아니면 여기서 spring boot 버전을 따로 설정하는 방법이 있나요?

  • spring
  • MVC
  • mvc
  • java
  • spring-boot
gurirara 댓글 1 좋아요 0 조회수 667

public, class, static, void 언제 어떻게 조합해서 쓰는건지

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

현재 챕터07 접근제어자(후반전) 까지 강의를 들었고 퀴즈도 다 풀어냈습니다. 그런데 public, class, static, void 등을 조합해서 코드 앞부분에 쓰는데 언제 어떻게 왜 조합해서 저것들을 붙이는 건지 정확한 개념을 잘 모르겠습니다. 이럴때는 강의를 다시 돌려보며 개념을 알고 가야하나요? 아니면 그냥 강의 쭉 들으면서 서서히 익히면 되는건가요 유튜브 영상으로 9시간 다 보고 인프런 결제했는데 갑자기 진행속도가 너무 빨라진 듯한 느낌이 듭니다. 유튜브 기초 9시간때는 이해하면서 잘 들었는데 지금은 코드 따라적기 바쁘네요ㅠㅠ

  • 객체지향
  • java
  • oop
sjp9506 댓글 3 좋아요 1 조회수 5783

hellospringapplication 실행이 안됩니다

해결됨

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

다른 분이 같은 질문을 남기신 걸 보고 file - invalidate caches 항목을 실행하고난 화면인데 뭐가 문제일까요 ㅠㅠ 자바는 버전 17이고 스프링은 3.0.2 버전입니다.

  • spring-boot
  • mvc
  • MVC
  • spring
  • java
댓글 1 좋아요 1 조회수 389

안녕하세요

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

이 부분에서 em.persist(team) 을 한 후 회원 저장 구현을 한 후 em.persist(member) 를 했는데 회원 구현 이후에 em.persist(team) 를 해도 되나요? 회원 저장 구현 전에 em.persist(team) 를 해야 하는 이유가 있나요?

  • jpa
  • JPA
  • java
작성자 댓글 1 좋아요 0 조회수 488

error:03000086:digital envelope routines::initialization error axios오류

미해결

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

안녕하세요 axios 코드 실행 하면 아래 사진과 같이 오류가 뜹니다.

  • html/css
  • 머신러닝 배워볼래요?
  • react
  • node.js
  • express
  • HTML/CSS
  • react-native
  • 머신러닝
  • nodejs
  • tensorflow
  • javascript
유영 댓글 1 좋아요 0 조회수 2457

강사님, 아무래도 제 개념의 혼동 때문에 그러는 것 같은데요..!

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

if (factoryCam instanceof FactoryCam) { (FactoryCam)factoryCam; } 이 구문에 혼동이 생겨서 질문드립니다! if 안에 조건문의 내용이 " factoryCam 이 FactoryCam 클래스의 인스턴스가 맞다면 " 이라고 설명을 해주셨는데요 (8분 27초경) 만약에 factoryCam 이 FactoryCam 클래스의 인스턴스가 맞다면 형변환이 필요 없는거 아닌가요? 또 헷갈린거 하나 더 문의드립니다. 다형성에 대한 예시를 위해 작성해주셨던 코드 내용인데요. Camera factorycCam = new FactoryCam(); 만약에 위 코드로 작성한게 부모클래스인 " Camera" 로 객체를 생성한 거라면, factoryCam 의 참조 클래스는 Camera 인 것 같은데요. (그러니까 FatoryCam 의 인스턴스 메서드를 불러왔을 때 에러가 나는 것으로 보이구요.) 근데 이 설명과 "factoryCam instanceof FactoryCam" 이 구문이 " factoryCam 이 FactoryCam 클래스의 인스턴스가 맞다면 " 이라고 설명을 해주시니 상충되는 내용이 아닌가 싶어 혼동이 옵니다. 내용 요약 factoryCam 은 부모 클래스로 만들어진 객체라서 FactoryCam 의 인스턴스 메서드를 사용할 수가 없다고 설명을 해주셨습니다! 헌데 if 조건문은 "factoryCam 이 FactoryCam 클래스에 포함되어 있다면 " 이라고 설명해주신 부분이 상충되지 않나 하여 헷갈립니다. 그리고 2번에 내용처럼 만약 factoryCam 이 FactoryCam 클래스에 이미 포함되어 있다면, 굳이 형변환을 하지 않고도 detectFire 메서드를 호출할 수 있어야 하지 않는지..? 제가 개념을 잘못 이해하고 있을 것 같은데, 혹시 설명을 좀 부탁드려도 될까요? 이 부분에 자꾸 혼동이 생겨서 다음으로 넘어가기가 어렵네요 🤣 ps. 이전에 강사님 파이썬 강의로 난생 처음 태어나 클래스란 개념을 이해했던 수강생으로써, 이번 자바편도 개인적으로 큰 도움되고 있습니다. 감사합니다!

  • 객체지향
  • oop
  • java
흰머리오목눈이 댓글 2 좋아요 0 조회수 448

점보트론

미해결

그림으로 배우는 HTML/CSS, 입문!

부트스트랩 강의에서 점보트론 을 카피하라고 하셔서 사이트 들어갔는데. 점보트론이 이제 없다네요 ...? 이제 뭘로 해야하나요 ?

  • html/css
  • HTML/CSS
hyqooooo 댓글 1 좋아요 0 조회수 603

인기 태그

인프런 TOP Writers

주간 인기글