묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결마인크래프트 게임을 활용한 파이썬 프로그래밍 완벽 이해
질문
Traceback (most recent call last): File "<pyshell#1>", line 1, in <module> from mcpi.minecraft import Minecraft ModuleNotFoundError: No module named 'mcpi' 이렇게 뜨면서 않되요
-
미해결CSS Flex와 Grid 제대로 익히기
-ms- 관련
1. ms로 바꾸는 과정에서 밑의 코드처럼 일일히 새로 클래스명을 지정해주고 바꾸면서 진행했습니다. 동작은 잘됩니다. 근데 IE에서는 nth-child()가 부모없이 사용할때는 안먹히나요? 먹히지 않아서 새로 클래스명을 지정해주었습니다.. #sort__control--category:checked~.grid__section-1 { -ms-grid-column: 1; -ms-grid-row: 3; } #sort__control--category:checked~.grid__section-2 { -ms-grid-column: 1; -ms-grid-row: 4; } 2. 제일 문제가 label인데 input을 -ms-grid-column로 옮겨도 label이 따라오지 않습니다.. label을 -ms-grid-column으로 옮겨도 계속 스크린샷과 같이 고정되어있습니다. 어떻게 해결하나요?
-
미해결React로 NodeBird SNS 만들기
post.Images에 대해 질문드립니다.
항상 질문에 대한 답변을 빠르게 해주셔서 감사합니다 제로초님~ 강의를 듣다 궁금한게 생겨 질문 3개 정도를 드리려 합니다. ■[질문 1] 강의 처음~1분대 쯤에 (PostCard.js) cover={post.Images[0] && <img alt="example" src={ `http://localhost:3065/${post.Images[0].src}` } />} 이 부분에서 post.Images라는 속성을 사용했는데, 이처럼 post.Images라는것이 가능한 이유가 routes/post.js에서 await newPost.addImages(images); 위와 같이 (sequelize에서 post테이블과 image테이블의 관계를 보고 제공하는) addImages()라는 메서드가 post객체에 images라는 속성을 만들었기 때문이라고 보면 되나요 ? 즉, addImages()라는 메서드가 사용될때, post.Images가 가능해지는것인지가 궁금합니다. ■[질문2] (routes/post.js) /* 방법2: db에서 불러와서 프론트로 전달 */ const fullPost = await db.Post.findOne({ where: { id: newPost.id }, /* include: 게시글 불러올때 user정보와 image정보도 같이 불러온다. */ include: [{ model: db.User, // 게시글과 연관된 사용자만 가져온다. (=게시글과 연관된 사용자는 글쓴이 딱 한명이다.) // include를 이렇게 '명시'해주면, Post에 User라는 속성을 달아줌. // -> (PostCard.js) post.User.nickname[0].. 이런식으로 사용가능 !! }, { model: db.Image, // 프론트에서 Post.Image 로 사용가능 }], }); 위와 같이 include속성을 사용할때 역시, post객체에 Image라는 속성이 만들어지는건가요 ? 즉, 이렇게 include 로 선언했을때도 post.image가 가능해지는것인지 궁금합니다. ■[질문 3] addHashtag()나 addImage()같은 메서드는 sequelize에서 관계를 보고나서 알아서 만들어주는 메서드라고 하셨는데, 예를들어 models/post.js에서 // 관계 설정 Post.associate = (db) => { db.Post.belongsTo(db.User); // belongsTo: 테이블에 UserId 컬럼이 생겨요 db.Post.hasMany(db.Comment); db.Post.hasMany(db.Image); db.Post.belongsTo(db.Post, { as: 'Retweet' }); // Post,Post 테이블 이름 똑같아서, 구별 안될때는 as // belongsTo: 테이블에 RetweetId 컬럼이 생겨요 db.Post.belongsToMany(db.Hashtag, { through: 'PostHashtag' }); db.Post.belongsToMany(db.User, { through: 'Like', as: 'Likers' }); }; 위와같이 관계가 설정되어있는데, post와 image가 hasMany로 연결되어있는것을 확인할 수 있는데요. 이때, sequelize에서 addImage() 매서드를 만들어주는것은 이해가 되는데, 복수형인 addImages() 메서드도 이때 같이 만들어지는건가요? 즉, 항상 복수형 메서드도 같이 만들어지는것인지 궁금합니다.
-
미해결React로 NodeBird SNS 만들기
[].forEach.call 질문드립니다.
[].forEach.call(e.target.files, (f) => { imageFormData.append('image', f); // AJAX를 위해서 FormData객체에 일일히 담아준다. (SPA 유지하기 위해) // append할때 정해준 'image'라는 변수는 서버에서도 쓰이게된다. }); 오늘 처음 [].forEach.call 이라는 구문을 접하게 됐습니다. 제로초님 블로그 글을 찾아보니 유사배열에 대해 설명되어있는 글이 있어서 보고 공부해보았습니다. 글을 읽고 판단해본 결과 제 생각이 맞는지 알고싶어서 질문드립니다. 질문1) e.target.files가 '유사배열' 인듯 싶고.. 유사배열의 원소들을 가져오기 위해서는 [].forEach.call(유사배열, (원소) => { ... } ) 이런식으로 가져오는게 맞는거죠 ? 질문2) [].forEach.call 말고, Array.prototype.forEach.call로 가져와도 되는건가요 ? 안된다면 어떤이유 때문일까요 ?
-
미해결Node.js 교과서 - 기본부터 프로젝트 실습까지
findAll시 model 질문
관계가 있는 테이블을 찾을 때 테이블을 model로 연결해주어야 한다고 하셨는데, User 테이블(강의 앞부분)에서의 User.findAll()은 model로 연결 안해주셨고 Comment.findAll 할때만 연결해주셨는데 왜 그런건가요?
-
미해결파이썬 데이터시각화 분석 실전 프로젝트
파이챠트 원래 수치 표시
파이챠트를 구성할 때 비율이 표시되는데 그 아래에 원래 값을 표시할 수 있을까요? 남자수 : 15명, 여자수: 5명 75% (15명) 25%(5명) 이와 비슷한 식으로 표현하고 싶습니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 클론 해보려고 하는데 브랜치를 찾을수가 없어요. (재질문)
깃헙을 잘은 몰라서 그런거같은데 "깃헙 브랜치 안내"영상에서 나오는 주소는 어떻게 갈 수 있나요? 양식은 이미 남겨서 메일도 받았는데 계속 아래 이미지 처럼만 나옵니다. 저번에 질문 드렸는데 조치해주셔서 들어갓더니 저도 모르게 가운데 녹색 버튼을 눌럿는데 404 페이지로 가더니 다시 들어가도 계속 404가 나오네요 ;; 인프런 아이디 : jaewon8752인프런 이메일 : jaewon8752@naver.com깃헙 아이디 : jaewon8752@gmail.com깃헙 Username : terenteren 위의 정보로 권한을 받았는데 혹시 가운데 녹색버튼을 누르면서 권한이 다시 파괴된건 아닌가 싶어요 -_-;; 어떻게 해야 하나요?
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
퍼포먼스/가독성
초보적인 질문입니다 ㅠㅠ 1.지연 평가/즉시 평가 예제에서 L.map과 L.filter그리고 reduce를 조합해서 써주셨는데요 이전 강의부터 궁금했던 건데 지연 평가를 한다고 해도, reduce의 경우 takeAll처럼 결국 이터러블/이터레이터를 모두 평가를 해야되기 때문에 지연 평가나 즉시 평가나 시간복잡도/퍼포먼스적인 부분에서 차이가 없는 것이 아닌가 생각되는데 이것이 맞나요? 제 생각에 지연 평가는 take(작은 수)로 이터러블의 모든 요소를 순회/평가하지 않아도 되는 경우에만 의미가 있는 것 같은데, 뭔가 놓친 부분이 있는 것은 아닌지 궁금합니다 2.reduce only / reduce + map + filter 강의에서 말씀해주신 부분에서만 추측해보자면, 함수 합성으로 하시는 이유가 추상화/재사용성/가독성 등의 이유가 주된 이유인 것 같습니다. 그런데, map, filter, reduce의 조합이면 일단 순회를 3차례 돌아야 하는 것이고, reduce만 쓰면 순회는 1차례에서 끝날 텐데, 혹시 퍼포먼스적인 부분에서는 차이가 없나요? 1번 질문이랑 연결해서 (이터러블의 모든 요소를 순회해야 한다면) 지연 평가를 한다고 해도 평가를 그때 그때 필요한 시점에 하는 것일 뿐, 평가를 덜해도 되는 것이 아니기 때문에 제 생각에는 최종 평가까지 걸리는 시간이 더 들 것 같은데... (console.time을 찍어봤지만 간단한 예제라서 그런지 실행 시간에는 별 차이를 느끼지 못했습니다...)
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
질문 부탁드립니다.
안녕하세요 항상 강의 잘 보고있습니다. upload video 할때 오류가나서 이렇게 질문드립니다. 일단 console.log(response.data)쓰고 axios로 파일을 전송하려해도 콘솔창에는 2개 오류가 뜹니다. 1번 POST http://localhost:3000/api/video/uploadfiles 404 (Not Found) 2번 Uncaught (in promise) Error: Request failed with status code 404 보다보니까 포트가 서버 포트가 아닌것 같아서 문제가 발생하는 듯해서 아래처럼 포트까지 지정해서 풀 url을 적으니 문제는 해결이됩니다! axios.post(`http://localhost:5000/api/video/uploadfiles`, formData, config) 그런데 강사님처럼 했을때 제대로 작동하지 않는 이유는 제가 어느부분에서 제대로 하지 못했기 때문인거같은데 어느부분에서 실수를 했는지 알고싶어서 문의드립니다. 깃 url = https://github.com/Changyu-Ryou/Youtube-clone 입니다. 감사합니다.
-
미해결누구나 할 수 있는 안드로이드 앱 개발 - 1 (Kotlin)
리스트 뷰
강의 영상을 보면서 안보이는 부분은 그냥 무시하고 그냥 똑같이 따라서 진행을 했는데, A, B, C 문제 없이 출력 됩니다. 제가 질문 드린 부분에 대해서는 똑같이 흰색으로만 나오네요.. 폰으로 봤을때도 똑같이 전체가 한덩어리로 하얗게만 나옵니다. 빠른 답변 주셔서 감사드리고, 혹시나 이런 문제에 대해 아시는 부분 있으시면 나중에라도 꼭 알려주세요~ 현재는 진행이 되는 상황이라 무시하고 그냥 계속 해보려 합니다.
-
미해결React로 NodeBird SNS 만들기
AWS Elastic Block Storage 질문입니다.
현재 aws에서 아래와 같이 Elastic Block Storage의 용량이 꽉 차면서 경고가 옵니다. 제가 제로초님 강의보면서 똑같이 노드버드를 프론트와 백엔드로 나누어서 돌리고 있는 상태인데요. (서버 실행한지 20일 정도 되었습니다.) db는 확인해본결과, 몇몇 텍스트만 쌓인게 전부라서 다른걸 의심해보는 상황입니다. Storage에 저렇게 용량이 쌓일 이유가 뭐가 있을까요? morgan을 사용해서 로그가 남아서 그런걸까요? 다양한 이유가 있겠지만, 제가 제로초님 강의를 보면서 따라했기 때문에 제로초님께서 짐작가는게 있으신지 궁금합니다. 어떤 부분을 변경해서 스토리지에 불필요한 파일들이 쌓이지 않게 해야되는지 궁금합니다. 백엔드 코드도 함께 올려드립니다. 감사합니다. const express = require("express"); const app = express(); const morgan = require("morgan"); const db = require("./models"); const cors = require("cors"); const cookieParser = require("cookie-parser"); const expressSession = require("express-session"); const dotenv = require("dotenv"); // dotdev 모듈을 불러와서 const passport = require("passport"); const passportConfig = require("./passport"); const hpp = require("hpp"); const helmet = require("helmet"); const prod = process.env.NODE_ENV === "production"; dotenv.config(); db.sequelize.sync(); passportConfig(); if (prod) { app.use(hpp()); app.use(helmet()); app.use(morgan("combined")); app.use( cors({ origin: "http://techinterview.kr", credentials: true }) ); } else { app.use(morgan("dev")); //로그 app.use( cors({ origin: true, credentials: true }) ); } app.use("/", express.static("uploads")); app.use( cors({ origin: true, //"http://localhost:3000" 로도 가능, 단 서버 재실행 하기 credentials: true }) ); app.use(cookieParser("nodebirdcookie")); app.use( expressSession({ resave: false, saveUninitialized: false, secret: process.env.COOKIE_SECRET, // 쿠키에 대한 암호화, parser에도 입력해줘야함. cookie: { httpOnly: true, secure: false, domain: prod && ".nodereactbird.kr" }, name: "rnbck" }) ); app.use(passport.initialize()); app.use(passport.session()); app.use(express.json()); app.use(express.urlencoded({ extended: true })); const userAPIRouter = require("./routes/user"); const postAPIRouter = require("./routes/post"); const postsAPIRouter = require("./routes/posts"); const hashtagAPIRouter = require("./routes/hashtag"); const usersAPIRouter = require("./routes/users"); const commentsAPIRouter = require("./routes/comments"); const commentAPIRouter = require("./routes/comment"); app.get("/", (req, res) => { res.send("techInterview 백엔드 실행"); }); app.use("/api/user", userAPIRouter); app.use("/api/post", postAPIRouter); app.use("/api/posts", postsAPIRouter); app.use("/api/hashtag", hashtagAPIRouter); app.use("/api/users", usersAPIRouter); app.use("/api/comments", commentsAPIRouter); app.use("/api/comment", commentAPIRouter); app.listen(prod ? process.env.PORT : 3065, () => { console.log(`server is running on ${process.env.PORT}`); });
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
이후 학습방향
강의를 거의 다 들어갑니다. 덕분에 손도 못대던 프로그래머스 문제들을 풀 수 있게 됐습니다. 이후 학습방향에 대하여 질문 드립니다. 모든 문제를 다시 복습하는 것이 나을까요? 아니면 바로 선생님께서 주신 문제리스트를 풀어보는 것이 나을까요?
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
대표값 문제에서요
이렇게 풀었는데 이렇게 풀면 예외 사항이 발생할 수 있을까요? 주어진 input에서는 다 success가 뜨는데 정확한가 확인하고 싶어서요 (round 문제를 제외하고요!)
-
미해결실전! 스프링 데이터 JPA
연관관계 매핑을 하였는데 원하는 결과가 안 나옵니다.
김영한 강사님!!! 늘 좋은 강의 감사 드립니다. 다름이 아니라 강의 내용을 참고로 예제를 만들어서 실행을 하는데 원하는 결과가 출력이 안되서 질문 드립니다. 첨부파일로 텍스트 파일로 캡쳐를 해서 보내 드립니다. UserRepositoryTest클래스에서 read() 메서드를 실행하면 원하는 결과값이 콘솔창에나오질 않습니다. 연관관계 매핑을 하였는데 답변 부탁 드립니다. 감사합니다.
-
해결됨CSS Flex와 Grid 제대로 익히기
flex-shrink가 정확히 어떤 기준으로 값이 줄어드는 건가요?
이번에 FLEX_UI# - 4.메세지 리스트 강좌를 들으면서 이것저것 실험하다가 이상하다고 느낀게 있어서 질문 올립니다. 저는 flex-shrink가 줄어드는 비율이며그 값이 현재 <p class="message-content"> 와 <figure class="user-photo"> 가 같기 때문에 당연히 <p class="message-content"> 이 줄어드는 길이와 <figure class="user-photo">가 줄어드는 길이가 같은 줄 알았습니다. 그런데 오늘 메세지 리스트 강좌를 들으면서 아래 html을 테스트해봤는데, 전혀 그렇지 않았습니다. 아래 html을 통해서 브라우저(FireFox)를 열고, 개발자 도구를 열어 테스트를 해봤습니다. 브라우저 화면을 천천히 줄이면서 개발자 도구를 통해 3번째 행의 flex-item들이 flex-shrink에 의해서 얼마만큼의 길이로 줄어드는지 관찰했습니다. figure.user-photo :기본 크기 (width: 50px) 50px유연성 (flex-shrink: 1) -13.77px p.message-content :콘텐츠 크기 : 1003.22px유연성 (flex-shrink: 1) -276.25px 만약 저의 생각(=착각)대로라면, 둘 다 똑같이 -13.77 px로 줄어들거나, 아니면 둘 다 똑같이 -267.25px 로 줄어들어야 했으니 말입니다. 제가 착각했다는 건 이제 알았지만, 위같은 값(-13.77px , -276.25px) 이 나오는 이유는 아직도 의문입니다. 왜 이런건지 알려주실 수 있을까요? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CSS Flex</title> <link rel="stylesheet" href="default.css"> <style> /* message */ .user-item { display: flex; } .user-photo { width: 50px; height: 50px; border: 2px solid #333; border-radius: 50%; background-color: gold; background-repeat: no-repeat; background-position: center; background-size: 150%; /* 수정 */ } </style> </head> <body> <ul class="user-list message-list"> <li class="user-item message-item"> <figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure> <p class="message-content"> Lorem ipsum dolor sit amet con </p> </li> <li class="user-item message-item"> <figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure> <p class="message-content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus debitis maiores nisi. Reiciendis, minus. Cumque, voluptate! Corporis natus inventore error voluptas blanditiis? Cum debitis voluptas rem fuga porro, nulla quae at voluptatem laudantium consequuntur autem maxime quis obcaecati? Nulla, in. </p> </li> <li class="user-item message-item"> <figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure> <p class="message-content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus debitis maiores nisi. Reiciendis, minus. Cumque, voluptate! Corpe </p> </li> </ul> </body> </html>
-
미해결쉽게 배우는 Webpack
2019-12-20 에 구매해서 듣다가요.
새로운 버전 강의가 나온걸 최근에 알았는데요. 새로운 강좌 구매 쿠폰 받을 수 있을까요? 감사합니다.
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
새로고침
삭제된 글입니다
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
for문이 더 적게 돈다는 의미?
여기서 for 문이 더 적게 돈다는 의미를 명확하게 이해하지 못해서 질문드립니다. 명령형일 때 a % 2를 평가하여 참이면 그 아래 코드를 실행하고, 아니면 실행하지 않는 것인데 L.filter에서도 결국 .next()로 순회를 돌 때 동일한 a % 2를 평가하여 다음 값을 yield해서 내보내는 것으로 이해했습니다. 그렇다면, 명령형일 때와 함수형일 때의 차이는 평가가 지연되었느냐, 그렇지 않느냐의 차이인 것인가요?
-
미해결CSS Flex와 Grid 제대로 익히기
gap, padding-bottom
1. gap에서는 어떤 기준으로 %가 동작하나요? 2. padding-bottom의 %값 기준은 figure태그의 부모인 li의 width 기준으로 잡히는게 맞을까요?
-
미해결React로 NodeBird SNS 만들기
req.user.id
댓글 등록하는 route에서 req.user.id하니까 id가 정의되어 있지 않다고 떠요... 근데 포스트 등록하는 데서 req.user.id는 작동해요... 포스트는 되는데 댓글에서는 에러가 나는데 이럴수도있나요?? 둘다 req찍어보면 게시글 등록 하는 데서는 user객체가 있고 댓글등록하는 데서는 user객체가 없습니다... passport에서 user관리하는 걸로 아는데 왜 같은 파일에 있는데 하나는 되고 하나는 안될까요??