묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
card.html 버튼 위치
1. .slide-left 와 .slide-right가 사진의 중간에 위치하는 것이 아닌 웹페이지 전체의 중간에 위치하는 것 같은데 왜 그런지 모르겠습니다. 2. 또한 footer의 위치도 마찬가지입니다. 이 경우 .carousel footer의 속성에서 position: absolute를 지우면 가운데로 오긴 하는데 그렇게 해도 되는건가요? 답변 미리 감사합니다. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>인스타그램</title> <link rel="stylesheet" href="styles/card.css"> </head> <body> <section class="container"> <article class="card"> <header> <div class="circle-image"> <img src="images/profile.png"> </div> <div class="card-username"> <span>inflearn</span> </div> <div class="option-more"> <button class="transparent-button"><img src="images/icons/mark.png"></button> </div> </header> <main> <div class="carousel" data="0"> <div> <ul> <li><img src="images/mountain1.jpg"></li><li><img src="images/mountain2.jpg"></li><li><img src="images/mountain3.jpg"></li><li><img src="images/mountain4.jpg"></li> </ul> <div class="slide slide-left"> <button class="transparent-button"> <img src="images/icons/arrow-left.png"> </button> </div> <div class="slide slide-right"> <button class="transparent-button"> <img src="images/icons/arrow-right.png"> </button> </div> </div> <footer> <div class="active"> </div> <div></div> <div></div> <div></div> </footer> </div> <div class="card-container"> <div class="card-buttons"> <div> <button class="transparent-button"><img src="images/icons/heart.png"></button> </div> <div> <button class="transparent-button"><img src="images/icons/chat.png"></button> </div> <div> <button class="transparent-button"><img src="images/icons/paper-plane.png"></button> </div> <div class="last-card-button"> <button class="transparent-button"><img src="images/icons/bookmark.png"></button> </div> </div> <div class="card-likes"> 좋아요 999,999개 </div> <div class="card-content"> <ul> <li> <div> <span>inflearn.user</span> 본문 내용 </div> </li> <li class="comment"> <div> <span>inflearn.user</span> 댓글 하나 <button class="transparent-button"><img src="images/icons/heart.png"></button> </div> </li> <li class="comment"> <div> <span>inflearn.user</span> 댓글 둘 <button class="transparent-button"><img src="images/icons/heart.png"></button> </div> </li> </ul> </div> <div class="card-time"> 7일 전 </div> </div> </main> <footer class="card-comment"> <input type="text" placeholder="댓글 달기 ..." name="comment"> <div> <button class="transparent-button">게시</button> </div> </footer> </article> </section> </body> </html> * { padding: 0; margin: 0; } ul, li { list-style: none; } .transparent-button { background-color: transparent; border: 0; outline: 0; cursor: pointer; } .container { width: 100%; background-color: #f0f0f0; padding: 20px 0; } article.card { width: 600px; margin: 20px auto; margin-bottom: 60px; background: #fff; border: 1px solid #c0c0c0; border-radius: 3px; } /***HEADER 시작***/ article.card header { height: 40px; padding: 10px; } article.card header > div { display: inline-block; vertical-align: middle; } .circle-image { height: 100%; padding: 5px; box-sizing: border-box; } .circle-image > img { height: 100%; border-radius: 50%; } .card-username { padding: 10px 0; font-weight: 900; line-height: 20px; margin-left: 5px; font-size: 13px; } .option-more { float: right; padding: 7px; } /***HEADER 종료***/ /***CONTENT 시작***/ .card-container { padding: 5px 10px; } /*버튼*/ .card-buttons { padding: 0 5px; margin-top: 5px; } .card-buttons > div { display: inline-block; margin-right: 10px; } .card-buttons > div.last-card-button { float: right; margin-right: 0; } /*좋아요*/ .card-likes { font-size: 13px; font-weight: 900; padding: 5px; } /*본문*/ .card-content { padding: 2px 5px; font-size: 13px; } .card-content li > div { padding: 1px 0; } .card-content li > div > span { font-weight: 900; } .card-content li.comment > div > button { float: right; } .card-content li.comment > div > button > img { width: 12px; margin-right: 5px; } /*시간*/ .card-time { padding: 3px; font-size: 11px; color: #a0a0a0; } /***CONTENT 시작***/ /***FOOTER 시작***/ footer.card-comment { position: relative; height: 55px; border-top: 1px solid #e0e0e0; } footer.card-comment input { width: 100%; height: 100%; outline: 0; border: 0; padding: 0 15px; color: #606060; /* box-sizing: border-box;*/ } footer.card-comment > div { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } footer.card-comment > div > button { color: #0095f6; opacity: 0.5; padding: 10px 5px; } /***FOOTER 종료***/ /*캐러셀*/ article.card main .carousel { width: 100% position: relative; } article.card main .carousel > div { overflow: hidden; } article.card main .carousel ul { width: 10000px; } article.card main .carousel ul > li { display: inline-block; } article.card main .carousel ul > li img { width: 600px; } .slide { position: absolute; top: 50%; transform: translateY(-50%); padding: 10px; } .slide img { opacity: 0.75; } .slide-right { right: 0; } .carousel footer { position: absolute; height: 20px; text-align: center; width: 100%; } .carousel footer div { width: 6px; height: 6px; background-color: #a8a8a8; display: inline-block; border-radius: 50%; } 차례대로 html과 css코드입니다.
-
미해결리눅스 쉘 스크립트 마스터
변수명이 출력되지 않습니다.
변수 값을 입력받는거까지는 되는데 출력하면 아무것도 출력되지 않습니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
백엔드
nextjs에서는 API아 백엔드 역할을 하는 걸로 아는데, 이렇게 nextjs에서도 node.js를 활용해서 개발하는건 단순히 api 폴더에서 api를 만들어 주는것과 어떤 차이가 있을까요?
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
14502번 재질문 드립니다
http://boj.kr/840f45d321eb47839eab789e324f7551 안녕하세요 저번에 답변 받은 후에도 잘 이해가 안가서 다시 질문드립니다! ================================================ 안녕하세요. ㅎㅎ 벽을 세우고 >> 해당 경우의 수에 따른 로직 이후에... 또 다시 벽을 세우잖아요? 즉, A라는 테스트를 진행하고 다시 B라는 테스트를 진행하기 때문에 B라는 테스트에 A에서 방문한 정점이 반영되면 안되요ㅎㅎ 각 테스트마다 visited 를 초기화하는 부분이 필요한 것같습니다. 그리고 다음에 코드 올리실 때 백준코드 >> 공유버튼을 눌러서 링크로 남겨주세요. 이렇게 올리시면 제가 보기가 넘 힘들어요 ㅠ 감사합니다. 강사 큰돌 올림. ================================== 이렇게 답변 주셨었는데, 32번째 라인부터 36번째까지 초기 배열로 초기화를 하기 때문에 각 테스트마다 이전 테스트의 결과가 반영안되는 것 아닌가 궁금해서 질문드립니다 12일간 계속 맞왜틀 시전중이라 꼭 답변 부탁드립니다. 감사합니다!
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
게시판을 여러 개 만들 때
1. 예를들어 자유게시판, 건의게시판 이렇게 여러개가 있고 기능은 거의 똑같지만 건의에는 사진업로드 기능이 추가로 존재할 때 자유게시판 컨트롤러, 레파지토리, 모델, ... 건의게시판 컨트롤러, 레파지토리, 모델, ... 이렇게 다 각자 만들어줘야 하나요? 아니면 컨트롤러 레파지토리 모델 자유,건의 게시판 통합해서 만드나요? 2. DB에서 테이블도 자유, 건의 게시판 따로 만들어서 개발하나요? ( title, content 이런 것들 )
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
컨트롤러의 통합에 관한 질문입니다
안녕하세요. 스프링은 스프링 빈중 @Controller 혹은 @RequestMapping이 붙어있을 때 요청정보와 컨트롤러를 매핑한다고 저번시간에 배웠습니다. 제가 이때 이해한 것은 요청정보URL-객체 매핑이 저장된다는 것이었는데, 이렇게 컨트롤러 클래스를 하나로 통합하게 된다면 매핑이 url-메소드 관계가 형성이 되는 것 같습니다. 이 부분이 저희가 지금까지 MVC 프레임워크를 만드는 과정과 조금 결이 다른 부분이라 어떤 식으로 매핑정보가 등록되는 것인지 잘 이해가 가지 않습니다. 매핑이 클래스 단위로 일어날 수도 있지만 메소드 단위로 일어날 수 도 있는 것으로 이해하면 될까요?
-
미해결오라클 성능 분석과 인스턴스 튜닝 핵심 가이드
oracle 및 node 종료 후 접속이 안됩니다
oracle 및 node 종료 후 노드정보 시스템 초록색으로 들어왔는데 ssh 접속이 안되고 있습니다... vcn도 종료하려다가 확인해보니 초록색으로 확인 되고 있습니다...ㅠ
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part1: C# 기초 프로그래밍 입문
너무 어리석은 로직 같지만 ㅠ
internal class Program { static int Swap(ref int a, ref int b) { a = b; b = 1; return a & b; } static void Main(string[] args) { int num1 = 1; int num2 = 2; Program.Swap(ref num1, ref num2); Console.WriteLine($"{num1},{num2}"); 3:39초 한번해보라해서 했는데 엉망인가요
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
질문 있습니다 ㅜㅜ 2583번 : 1 - G 문제
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. http://boj.kr/303f55985f2b4dc28d996538bf825963 왜 틀렸는지 모르겠습니다 .. 답지를 봐도 제 코드가 맞는거 같은데..
-
미해결그림으로 배우는 쿠버네티스(v1.30) - {{ x86-64, arm64 }}
grep -i author -F4 에서 -F4 는 어떤 옵션인가요?
안녕하세요. (리눅스 강의는 아닙니다만) 파이프로 grep 하여 필터링을 하는데, 끝에 -F4는 어떤 옵션인지 문의 드립니다. 감사합니다.
-
해결됨실전! 스프링 데이터 JPA
실무에서는 count() 쿼리 결과를 따로 캐시에 저장하나요?
만약 테이블에 데이터가 수천만개면 페이징할 때 마다 count() 쿼리를 날리는게 부담스러울 것 같은데 이런 경우에는 count() 쿼리를 안날리고 캐시에 담은걸 꺼내 쓰나요?? 아니면 그냥 count() 쿼리를 매번 날리나요?? 궁금합니다!
-
미해결배달앱 클론코딩 [with React Native]
iOS 배포 관련 질문
안녕하세요, 저는 기존에 expo를 이용해서 만들어 배포중인 앱이 있었는데요, expo를 벗어나고자 강좌를 듣고 react native만을 이용해서 같은 기능의 앱을 다시 만들게 되었습니다. 그런데 이렇게 빌드한 앱을 기존 앱의 업데이트로써 appstoreconnect에 올릴 수 있나요? XCode로 아카이브하고 배포하려해도 계속 새로 앱을 만드는것처럼 되어버리네요 ㅠㅠ.. 기존 사용자들이 빠져나가지 않게끔 앱을 배포 수 있는지 궁금합니다!!
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
여기서 setId 와 getId 부분에서 왜 오류가 나는지 모르겟어요 ㅠㅠㅠ
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.
-
미해결파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)
쿠팡 requests에 오류가 생기네요
res = requests.get(url , headers = '...') 위처럼 똑같이 하더라도 다른 사이트는 값이 정상적으로 넘어와지는데 쿠팡사이트만 제 주소가 ban당한듯이 값이 안넘어오고 무한로딩중입니다.
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
현재 뜨는 에러들이 너무 많아서 손 대기가 어려워요...
구글링해서 찾아보니까 react, react-dom 18v에서는 ReactDOM이 안된다는 글을 보고 다운그레이드도 해봤는데 해결이 안되었어요... 그래서 react-redux, react-router-dom까지 강사님 github코드는 보고 똑같이 다운그레이드 해서 제가 작성한 코드들을 수정해 보았는데 오류가 해결이 된지 않아요.... 도와주신다면 감사하겠습니다... 아래는 localhost:3000 페이지에서 아무 내용이 안 나오고 console 창 오류들입니다... https://github.com/kbannie/Node_1st 저의 깃허브 주소입니다..
-
미해결[D.P.2(DappProject2)] 디앱 프로젝트2(Klaytn 네트워크를 활용한 NFT 생성 및 판매)
OpenSea 연결 에러 - 완료
accept and sign 을 클릭해도 진행이 안됩니다..
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
17분 40초경 질문
안녕하세요 강사님! 다름이 아니라 밑에 분 질문중에 똑같은 질문이 있어 그걸 보고 해결하려고 햇는데 해결이 안되어 질문올립니다. https://inflearn.com/questions/79914 제가 참고한 게시물이구요. SetMinThreads와 SetMaxThreads 다 true로 뜨는 걸 확인했는데도 for문에서 i < 4로하면 작동하지 않고 i < 3으로해야 작동이 됩니다... 또 답글로 남겨주신분이 while문을 안써서 그럴 수 있다고 하셨는데 while문도 다 정확히 들어가있는데 작동하지 않아요. 원인을 알 수 있을까요? +) 로그로 스레드 갯수 확인해봤는데 스레드 갯수는 정확히 5개 생성되었는데 하나가 놀고있네요.. 원인이 뭘까요 ㅠㅠ
-
미해결[D.P.2(DappProject2)] 디앱 프로젝트2(Klaytn 네트워크를 활용한 NFT 생성 및 판매)
Source "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol" not found: File import callback not supported
DP.1 에서도 동일한 에러가 발생했었는데요. npm i @openzeppelin/contracts 을 해서 openzepplin을 설치하였음에도 계속저런 문제가 발생하네요. import "contracts/node_modules/@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol";이렇게 앞부분까지 다 작성해주어야 에러 코드가 뜨질 않습니다. 무엇이 문제인지 모르겠습니다. 저는 윈도우에서 vscode 사용중입니다.! :)
-
미해결스프링부트 시큐리티 & JWT 강의
안녕하세요 질문이 있습니다
안녕하세요 무료로 강의 열어주셔서 정말 잘 듣고있습니다 다름이 아니라 JwtAuthenticationFilter 에서 jwt 토큰 생성하고 response.addHeader 통해서 postman 헤더로 토큰 전달하려고하는데요 음.. 뭐가 문젠지 JwtAuthenticationFilter 클래스 안에서는 addHeader, getHeader 통해서 토큰확인하면 잘 생성되고 addHeader 된걸로 보이는데 정작 POSTMAN header에는 Authorization이 찍히지 않고 있습니다.. 혹시 여기저기 검색해보고 있는데 해결하지못해서 결국 질문 드립니다 ㅠㅠ 어느부분을 확인해보면 좋을지 조언 부탁드립니다 감사합니다.
-
미해결자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2
load( ) 기능에서 코드 수정해서 사용
검색해보니 jQuery 1.8 버전 이후로 load( ) 기능이 제거되어 강의에 나와있는 코드로는 실행이 불가능하고 $(window).on('load', function( ){ ... }); $(function() { $(document).ready(function() { let h1 = $(".img").height(); console.log("ready() : " + h1); }); $(window).on('load', function() { let h2 = $(".img").height(); console.log("load() : " + h2); }); }); 이렇게 작성하면 jQuery 버전을 바꾸지 않고도 정상적으로 실행이 가능한데요! 강사님이 알려주신 제이쿼리 버전을 낮춰서 사용하는 방법으로 실무에 사용해도 웹사이트 호환성이나 구현에 문제가 없는건지 궁금합니다.
