묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
안녕하세요 첫 질문이네요
정적파일 관리하기 - 블로그 포스트 상세 페이지에 부트스트랩 적용하기 이 강의에서요 잘안되네요 post_list.html 에서 코드 분명히 또같이 했는데요 <!DOCTYPE html>{% load static %}<html> <head> <title>Blog | 가을이네 사이트</title> <link href="{% static 'blog/bootstrap/bootstrap.min.css'%}" rel="stylesheet" type="text/css"> <!-- <link href="./practice.css" rel="stylesheet" type="text/css"> --> <script src="https://kit.fontawesome.com/0ea9e3384c.js" crossorigin="anonymous"></script> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <a class="navbar-brand" href="./index.html">Do It Django</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="./index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="./blog_list.html">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="./about_me.html">About me</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown link </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="#" data-toggle="modal" data-target="#loginModal"><i class="fas fa-sign-in-alt"></i> Log In</a> </li> </ul> </div> </div> </nav> <!-- Modal --><div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="loginModalLabel"><i class="fas fa-sign-in-alt"></i> Log In</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> </div> <div class="col-md-6 col-sm-12"> <button type="button" class="btn btn-outline-dark btn-block btn-sm">Sign up with E-mail</button> </div> <div class="col-md-6 col-sm-12"> <button type="button" class="btn btn-outline-dark btn-block btn-sm"><i class="fab fa-google"></i> Log in with Google</button> <button type="button" class="btn btn-outline-dark btn-block btn-sm">Log in with username</button> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div></div> <div class="container"> <div class="row my-3"> <div class="col-md-8 col-lg-9"> <h1>Blog</h1> {% for p in post_list %} <!-- Blog Post --> <div class="card mb-4"> <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap"> <div class="card-body"> <h2 class="card-title">{{p.title}}</h2> <p class="card-text">{{ p.content }}</p> <a href="{{ p.get_absolute_url }}" class="btn btn-primary">Read More →</a> </div> <div class="card-footer text-muted"> Posted on January 1, 2020 by <a href="#">작성자명 쓸 위치(개발예정)</a> </div> </div> {% endfor %} <!-- Pagination --> <ul class="pagination justify-content-center mb-4"> <li class="page-item"> <a class="page-link" href="#">← Older</a> </li> <li class="page-item disabled"> <a class="page-link" href="#">Newer →</a> </li> </ul> </div> <div class="col-md-4 col-lg-3"> <!-- Search Widget --> <div class="card my-4"> <h5 class="card-header">Search</h5> <div class="card-body"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-append"> <button class="btn btn-secondary" type="button">Go!</button> </span> </div> </div> </div> <!-- Categories Widget --> <div class="card my-4"> <h5 class="card-header">Categories</h5> <div class="card-body"> <div class="row"> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li> <a href="#">Web Design</a> </li> <li> <a href="#">HTML</a> </li> <li> <a href="#">Freebies</a> </li> </ul> </div> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li> <a href="#">JavaScript</a> </li> <li> <a href="#">CSS</a> </li> <li> <a href="#">Tutorials</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Footer --> <footer class="py-5 bg-dark"> <div class="container"> <p class="m-0 text-center text-white">Copyright © Your Website 2021</p> </div> <!-- /.container --> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> </body></html> 여기서 똑같이 했는데 댓글쓰기 변화가 없네요 아무리 해도 안되네요 다음 코드 post_datail.html <!DOCTYPE html>{% load static %}<html lang="ko"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Blog Home - Start Bootstrap Template</title> <!-- Bootstrap core CSS --> <link href="{% static 'blog/bootstrap/bootstrap.min.css'%}" rel="stylesheet" type="text/css"> <!-- Custom styles for this template --> <link href="css/blog-home.css" rel="stylesheet"></head><body> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <div class="container"> <a class="navbar-brand" href="#">Start Bootstrap</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contact</a> </li> </ul> </div> </div> </nav> <!-- Page Content --> <div class="container"> <div class="row"> <!-- Blog Entries Column --> <div class="col-md-8"> <h1 class="my-4">Page Heading <small>Secondary Text</small> </h1> <!-- Blog Post --> <div class="card mb-4"> <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap"> <div class="card-body"> <h2 class="card-title">Post Title</h2> <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p> <a href="#" class="btn btn-primary">Read More →</a> </div> <div class="card-footer text-muted"> Posted on January 1, 2020 by <a href="#">Start Bootstrap</a> </div> </div> <!-- Blog Post --> <div class="card mb-4"> <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap"> <div class="card-body"> <h2 class="card-title">Post Title</h2> <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p> <a href="#" class="btn btn-primary">Read More →</a> </div> <div class="card-footer text-muted"> Posted on January 1, 2020 by <a href="#">Start Bootstrap</a> </div> </div> <!-- Blog Post --> <div class="card mb-4"> <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap"> <div class="card-body"> <h2 class="card-title">Post Title</h2> <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!</p> <a href="#" class="btn btn-primary">Read More →</a> </div> <div class="card-footer text-muted"> Posted on January 1, 2020 by <a href="#">Start Bootstrap</a> </div> </div> <!-- Pagination --> <ul class="pagination justify-content-center mb-4"> <li class="page-item"> <a class="page-link" href="#">← Older</a> </li> <li class="page-item disabled"> <a class="page-link" href="#">Newer →</a> </li> </ul> </div> <!-- Sidebar Widgets Column --> <div class="col-md-4"> <!-- Search Widget --> <div class="card my-4"> <h5 class="card-header">Search</h5> <div class="card-body"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-append"> <button class="btn btn-secondary" type="button">Go!</button> </span> </div> </div> </div> <!-- Categories Widget --> <div class="card my-4"> <h5 class="card-header">Categories</h5> <div class="card-body"> <div class="row"> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li> <a href="#">Web Design</a> </li> <li> <a href="#">HTML</a> </li> <li> <a href="#">Freebies</a> </li> </ul> </div> <div class="col-lg-6"> <ul class="list-unstyled mb-0"> <li> <a href="#">JavaScript</a> </li> <li> <a href="#">CSS</a> </li> <li> <a href="#">Tutorials</a> </li> </ul> </div> </div> </div> </div> <!-- Side Widget --> <div class="card my-4"> <h5 class="card-header">Side Widget</h5> <div class="card-body"> You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers! </div> </div> </div> </div> <!-- /.row --> </div> <!-- /.container --> <!-- Footer --> <footer class="py-5 bg-dark"> <div class="container"> <p class="m-0 text-center text-white">Copyright © Your Website 2020</p> </div> <!-- /.container --> </footer> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script></body></html>
-
미해결홍정모의 따라하며 배우는 C언어
교재관련하여 질문드립니다!!!
책을 구매하려고 하는데 강의에서 주로 사용하는 주교재가 'C Primer Plus 6판'을 사용하는 것이 맞는지 궁금합니다!!
-
미해결그림으로 배우는 쿠버네티스(v1.30) - {{ x86-64, arm64 }}
run nginx 와 deploy nginx 의 차이가 궁금합니다.
kubectl로 kubectl run nginx --image=nginx 와 kubectl create deploy --image=nginx 이후에 둘의 차이가 무엇인가요? 위에는 네임이 nginx로만 나오고 아래의 경우엔 뒤에 nginx-6799fc88d8-5bscx 이렇게 붙는데 무슨 차이점이 있는지 궁금합니다.
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
궁금한게 있어서 질문합니다
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오) 예2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예[질문 내용]혹시 강의들으면서 정리한 내용 개인 티스토리 블로그에 올려도 되는건가요??
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
동작 방식
안녕하세요 선생님! 훌륭한 강의 잘보고 있습니다. 해당 파트를 공부하는데 있어 스프링 시큐리티의 동작 방식이 궁금합니다. 1. 필터 http.authorizeRequests().antMatchers("/**") .hasIpAddress("127.0.0.1") //<--ip .and() .addFilter(getAuthenticationFilter()); 여기서 addFilter 메서드는 단순 welcome api를 요청하여도 필터가 동작하나요 아니면 로그인 할때만 필터가 동작하나요? 2. attemptAuthentication 메서드 //로그인 시도하면 가장 먼저 실행됨@Overridepublic Authentication attemptAuthentication(HttpServletRequest request, HttpServletResponse response) throws AuthenticationException { try { //전달되어진 inputStream 을 자바 클래스 파일로 변환 RequestLogin creds = new ObjectMapper().readValue(request.getInputStream(), RequestLogin.class); //사용자가 입력한 값을 토큰으로 바꾸고 인증 처리를 하는 매니저에게 넘기면 아이디와 패스워드를 비교 //토큰 만듬 return getAuthenticationManager().authenticate( //토큰으로 변환 new UsernamePasswordAuthenticationToken( creds.getEmail(), creds.getPassword(), new ArrayList<>() ) ); } catch (IOException e) { throw new RuntimeException(e); }} 로그인 시 가장 먼저 실행되는 메서드의 반환 값이 Authentication 객체인데, 그 객체가 아래 메서드에 사용되나요? 그 이유가 loadUseByUsername 메서드의 파라미터에 값을 넣어 준적이 없는 내부적으로 파라미터를 Authentication 객체의 값을 활용하나요? @Overridepublic UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { //순서 2 UserEntity findUser = userRepository.findByEmail(username); if (findUser == null) { throw new UsernameNotFoundException(username); } //User라는 객체로 success 메서드에서 사용 --> (User)authResult.getPrincipal() return new User(findUser.getEmail(), findUser.getEncryptedPwd(), true, true, true, true, new ArrayList<>());} 로그인 시 순서: 1. attemptAuthentication 메서드 실행하여 Authentication(토큰) 객체 반환 2. loadUserByUsername 실행하여 Authentication 객체를 활용 하여 UserDetails 객체 반환 3. successfulAuthentication 실행하는데 UserDetails 객체 활용 가 맞나요..? 제가 나름 이해한대로 써봤습니다.. 로그인 시 메서드의 호출 순서를 알고싶습니다. 또한 각 메서드의 반환 값이 서로 어떻게 연관이 있는지 궁금합니다. spring security가 굉장히 어렵다고는 알고있는데.. 정리가 잘안되네요ㅜㅜ 두서 없이 쓴거같아 죄송합니다. 선생님의 강의를 보며 어제보다 나은 실력을 겸비하는거 같아 항상 감사합니다.
-
해결됨만들면서 배우는 HTML/CSS
배경사진이 두개로 나옵니다ㅜ
index.html 파일도 style.css파일도 강의와 같이 동일하게 적는다고 따라 적었는데 실시간 웹페이지 반영하기 버튼으로 봤더니 배경 이미지가 두개로 연달아 나와서 문의 드립니다. 이건 어떻게 해결방법이 없으련지요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
안녕하세요, 질문입니다!
안녕하세요, 아래와 같이 하면 "good"이 출력되는데요. 왜 정답이 될 수 없는지 설명부탁드립니다. 감사합니다. for (let x of str) { if (x.length > max) max = x.length; answer = x; }
-
미해결파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
오류가 나서 그런데 왜그런지 알려주세요 ㅠㅠ
-pickle 편에서 오류 잡혀가지고 with로 넘어가질 못하고있습니다 ㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
imageUrl에서 '/'입력 관련
안녕하세요. 좋은 강의 감사드립니다. product의 index.js 에서는 img src의 경로 맨 앞에 항상 /를 붙여야 하는데, main 폴더의 index.js에서는 img 태그의 src 맨 앞에 '/'를 붙이지 않아도 잘 작동했던 이유가 궁금합니다! main폴더랑 product 폴더 둘 다 src 폴더의 하위폴더로 존재하는 걸로 보여서요 ++ 오늘 다시 생각해보니까 main 페이지의 경우 App.js 에서 이미 경로가 '/'로 설정되어 있어서..? 라고 생각이 드는데 맞을까요~?
-
미해결파이널 코딩테스트 : 프론트엔드
질문드려욥 css
우선 현재 figma 에서는 포스터와 별점등록탭 같이 잡아도 합산크기가 안뜨는데 혹시 제가 다르게 잘못사용하는걸까요?? 영상과 바뀐 부분이있는걸까요 ?? 그리고 .movie-container 부분에서 수평정렬을 justify-content:center; 로 안하시는 이유가있나요?? margin : 0 auto ; 와 어떤차이점이 있는지 궁금합니다!
-
미해결스프링 핵심 원리 - 기본편
NoSuchBeanDefinitionException 에러 발생 질문이요!
test 모두 실행하면, NoSuchBeanDefinitionException : No bean named 'memberService' available 에러가 발생합니다. 어디서 뭘 손대야될지 모르겟네요..
-
미해결팝스타 공식 뮤비 제작 & 유튜브 2천만 뷰 크리에이터의 애니메이트 X 이모티콘 클래스
선생님 초기화는 어떻게 하나요?
애니메이트 프로그램을 사용하다가 브러쉬가 처음 설정과 다르게 이상하게 나와서 초기화하여 원래 상태로 만들고 싶습니다. 지워서 다시 설치하는 방법 말고 다른 방법이 있을까요??
-
미해결Slack 클론 코딩[실시간 채팅 with React]
npm run dev 명령시
npm run dev 명령시 이런 에러가 뜹니다. 처음엔 webpack.config.ts파일에서 devServer부분이 빨간줄 쳐져있었고 다른 비슷한 질문에서 npm i @types/webpack-dev-server@3.11.1 -D 이 명령어로 해결했다는 후기를 보고 따라해보았으나 config파일에서 빨간줄은 없어졌어도 에러는 계속 뜹니다. 다른 질문답변에서 또 다른 방법을 찾아서 이것도 해봈으나 같은 에러가 뜹니다.
-
미해결15일간의 빅데이터 파일럿 프로젝트
Virtual box 버전 문의
버추얼박스 5.0.40 버전이 오래 되서 노트북에서 성능문제가 발생하기 떼문에 사용할 수 없으며, 새버전을 사용하라고 권하고 있습니다. 어떤 버전으로 사용하면 좋을까요? 가장 최근 버전은 좀 무리가 있을까요?
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
엔티티 매니저 생성자 주입
안녕하세요 강사님 강의 내용 중 궁금한 점이 있어 질문드립니다. 강의 마지막 부분에서 EntityManager를 생성자 주입으로 바꾸는 코드에서 @Autowired // Create EntityManagerprivate EntityManager em;public MemberRepository(EntityManager em) { this.em = em;} 이렇게 코드를 작성하셨는데 // Create EntityManagerprivate EntityManager em;@Autowiredpublic MemberRepository(EntityManager em) { this.em = em;} 이렇게 생성자에 @Autowired를 붙이는 코드가 더 좋은 코드 아닌가요?? 강사님 말씀처럼 컴파일 시점에 em이 제대로 주입되었는지 확인이 가능하니까요!
-
미해결홍정모의 따라하며 배우는 C++
6:17분의 결과값은 어디서 나온건가요??
제가 5번을 돌려봤는데 6:17분경에 나온 결과값이 Constructor 0 이렇게 출력이 됬는데요 도대체 "Constructor" 이부분은 어디서 나온건가요?? 아무리 돌려봐도 Constructor 를 입력을 안해서 그런 결과값이 나올 수 없는데;; 제 코드입니다.. class Something { public: int m_value = 0; void setValue(int value) { m_value = value; } int getValue() const { return m_value; } }; void print(Something st) { cout << st.m_value << endl; } int main() { Something something; print(something); return 0; } 분명 0만 나오는게 정상 아닌가요?? 메인 함수에서 print(something) 함수로 가면 st.m_value를 출력하는건데 클래스 멤버의m_value의 값은 0이라.. 제가 뭘 놓친건가요?? 아니면 버전이 달라서 그런건가요??
-
미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
질문이요!
footer.card-comment input { width: 100%; height: 100%; border: 0; outline: 0; padding: 0 15px; color: #606060; } css코드인데요 똑같이 했는데요 댓글달기부분에 패딩값을 설정하면 오른쪽이 자꾸 밖으로 나가요ㅜㅜ 그리고 캐러셀 부분해서 히든을 해도 사진의 오른쪽이 가려지지도 않습니다,,,ㅠㅠ 왜그런 걸까요..?
-
미해결설계독학맛비's 실전 FPGA를 이용한 HW 가속기 설계 (LED 제어부터 Fully Connected Layer 가속기 설계까지)
Artix Basys 3 보드 Processing System
안녕하세요! 제가 강의 구매하기 전부터 가지고 있던 보드가 Artix에 Basys3 라는 보드를 사용하고 있었는데요... 강의를 따라하려고 보니까 Block Design 에서 Processing System이 없더라구요. Artix 칩에는 Zynq와 다르게 Processing System 부분이 없어서 그런건가요? PS에 프로그램을 하려면 Zynq 로 새로 구매하는게 좋을까요?
-
미해결지금 당장 성과내기, 페이스북 퍼포먼스 마케팅 실습
구글 드라이브 엑세스ㅇ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님! 초급 1강을 수강했는데요, 공유해주신 구글 드라이브로 들어갔는데 엑세스가 되지 않아서요ㅠㅠ 혹시 어떻게 해야 하는지 알 수 있을까요?
-
미해결인터랙티브 웹 개발 제대로 시작하기
rotateY 질문입니다.
안녕하세요 제가 직접 그린 그림으로 코딩을 따라 배우던 도중 로테이트Y 값이 적용되니 모든 그림이 좌우 반전되었는데, 처음엔 전체 클래스에 charater가 있다보니 하나의 큰 그림으로 인식해서 반전을 시켜준줄 알아서 (3개의 그림을 하나의 클라스로 묶은 상태), 각각의 그림에 로테이트 Y값을 적용해봐도 똑같은 결과가 나오네요 ㅜㅜ 이 경우에는 어디를 고쳐야하는지 알려주시면 감사하겠습니다! 보시기에 어느 부분이 잘못된것 같다고만 알려주시면 고치는건 제가 할께요!
