묻고 답해요

슬라이더의 화살표 hover에 관해 질문드립니다.

해결됨

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

강사님 안녕하세요. 강의 내용에서 질문은 아니지만, 혼자 슬라이더 화살표에 효과를 적용해보다 궁금한 부분이 있어 질문드립니다. 아래 사진 처럼 슬라이더 화살표의 색상을 검은색(마우스를 올리지 않았을 때)->주황색(마우스를 올렸을 때)으로 바꾸려고, css에서 해당 부분의 hover를 다음과 같이 수정했습니다. 적용하려는 디자인 코드 .slide-prev-hover:hover { transition : transform 0.5s ; transform : translateX ( -2PX ); color : orange ; // 이 부분을 추가 } .slide-next-hover:hover { transition : transform 0.5s ; transform : translateX ( +2PX ); color : orange ; // 이 부분을 추가 } 이 외에 js나 html 코드는 강사님과 전부 똑같습니다. 제가 궁금한 점은 맨 처음에 (<) 버튼에 마우스를 올리면 주황색으로 잘 변하는데, 이후 활성화된 버튼들은 마우스를 올려도 전혀 색상이 변하지 않습니다. 그런데 색상은 변하지 않지만, translateX(2px)로 적용한 효과는 계속 제대로 움직입니다. 맨 처음 (<) 버튼에만 주황색이 적용되는 이유가, javascript로 color를 따로 적용하지 않았을 때만 정상적으로 동작하는 것 같다고 생각이 드는데 정확한 원인을 파악하기 어려워 질문 드립니다. 혹시 어떤 부분에서 문제가 발생한 것인지 알 수 있을까요?

• HTML/CSS
• javascript
• es6

두가지 질문이 있습니다.

미해결

유니티 머신러닝 에이전트 완전정복 (기초편)

mlagent-learn 에서 말구요 1) python API 예제코드로 실행할때 onyx 파일 생기는 위치는 어떻게 지정하고 , default는 어디에 생성되나요 ? 2) python API 예제 코드 실행할때, 실행 unity 바이너리 없이 unity에서 학습하려면 어떻게 하나요 ?

• unity-ml-agents
• 강화학습
• unity
• 머신러닝 배워볼래요?

TypeError: Cannot read properties of undefined (reading 'findOne') 질문

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 제로초님! 현재 백엔드 파트 게시물 좋아요 기능을 구현하다가 갑자기 회원가입과 로그인 기능에서 오류가 떠서 질문드립니다. 회원가입을 하게 되면, TypeError: Cannot read properties of undefined (reading 'findOne') 라는 오류가 발생하면서 데이터베이스에 데이터가 전송되지 않고 있습니다. 제가 생각하기에는 User모델에 문제가 발생하여 데이터가 들어가지 않아 findOne이 에러가 뜨는 것 같은데,,, 문제가 된다고 생각하는 코드 올리겠습니다. models/index.js const Sequelize = require("sequelize"); const env = process.env.NODE_ENV || "development"; const config = require("../config/config")[env]; const db = {}; const sequelize = new Sequelize( config.database, config.username, config.password, config, ); db.Comment = require("./comment")(sequelize, Sequelize); db.Hashtag = require("./hashtag")(sequelize, Sequelize); db.Post = require("./post")(sequelize, Sequelize); db.User = require("./user")(sequelize, Sequelize); db.Image = require("./image")(sequelize, Sequelize); Object.keys(db).forEach((modelName) => { if (db[modelName].associate) { db[modelName].associate(db); } }); // 반복문을 이용하여 각 데이터베이스의 관계를 설정해줌. db.sequelize = sequelize; db.Sequelize = Sequelize; module.exports = db; models/user.js const DataTypes = require("sequelize"); const { Model } = DataTypes; module.exports = (sequelize, DataTypes) => { const User = sequelize.define( "User", // id가 기본적으로 들어가있기 때문에 만들지 않아도 됨. { email: { type: DataTypes.STRING(30), allowNull: false, //필수 unique: true, //고유한 값 }, nickname: { type: DataTypes.STRING(30), allowNull: false, //필수}, }, password: { type: DataTypes.STRING(100), allowNull: false, //필수}, }, }, { charset: "utf8", collate: "utf8_general_ci", // 한글 저장 }, ); User.associate = (db) => { db.User.hasMany(db.Post); db.User.hasMany(db.Comment); db.User.belongsToMany(db.Post, { through: "Like", as: "Liked" }); db.User.belongsToMany(db.User, { through: "Follow", as: "Followers", foreignKey: "FollowingId", }); db.User.belongsToMany(db.User, { through: "Follow", as: "Followings", foreignKey: "FollowerId", }); }; return User; }; routes/user.js const express = require("express"); const bcrypt = require("bcrypt"); const passport = require("passport"); const { User, Post } = require("../models"); const { isLoggedIn, isNotLoggedIn } = require("./middlewares"); const router = express.Router(); router.get("/", async (req, res, next) => { // GET /user try { if (req.user) { const fullUserWithoutPassword = await User.findOne({ where: { id: req.user.id }, attributes: { exclude: ["password"], }, include: [ { model: Post, attributes: ["id"], }, { model: User, as: "Followings", attributes: ["id"], }, { model: User, as: "Followers", attributes: ["id"], }, ], }); res.status(200).json(fullUserWithoutPassword); } else { res.status(200).json(null); } } catch (error) { console.error(error); next(error); } }); router.post("/login", isNotLoggedIn, (req, res, next) => { passport.authenticate("local", (err, user, info) => { if (err) { console.error(err); return next(err); } if (info) { return res.status(401).send(info.reason); } return req.login(user, async (loginErr) => { if (loginErr) { console.error(loginErr); return next(loginErr); } const fullUserWithoutPassword = await User.findOne({ where: { id: user.id }, attributes: { exclude: ["password"], }, include: [ { model: Post, attributes: ["id"], }, { model: User, as: "Followings", attributes: ["id"], }, { model: User, as: "Followers", attributes: ["id"], }, ], }); return res.status(200).json(fullUserWithoutPassword); }); })(req, res, next); }); router.post("/", isNotLoggedIn, async (req, res, next) => { // async await을 이용하여 비동기 문제 해결 try { const exUser = await User.findOne({ where: { email: req.body.email, }, }); // 같은 이메일을 사용하고 있는 사람이 있는지 if (exUser) { return res.status(403).send("이미 사용중인 아이디입니다."); } // return이 없으면 아래있는 res도 실행이 됨. const hashedPassword = await bcrypt.hash(req.body.password, 13); await User.create({ email: req.body.email, nickname: req.body.nickname, password: hashedPassword, }); res.send("ok"); } catch (error) { console.error(error); next(error); } }); //post /user/ router.post("/user/logout", isLoggedIn, (req, res, next) => { req.logout(); req.session.destroy(); res.send("ok"); }); module.exports = router; 오류 사진

• react
• redux
• express
• nodejs
• Next.js

Graph execution error

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

안녕하세요.. efficietdet_train_esi_challenge를 windows에서 구현하려고 하는데 train할떄나 inference할떄 graph execution error 가 생깁니다. Detected at node 'efficientnet-b2/stem_1/conv2d_1/Conv2D' defined at 혹시 해결할 방법이나 원인은 알수 없나요. model.fit(,또는 boxes , scores , classes , valid_len = export_model .f( img_tensor ) 이곳에서 발생합니다.

• python
• 딥러닝
• 머신러닝 배워볼래요?
• keras
• 컴퓨터-비전
• tensorflow

css 시작하면서 "오늘의 감정점수 : " 가 추가되었네요

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

기본적인 CSS를 추가하실 때 갑자기 <select> 옆에 "오늘의 감정점수 : " 가 추가되어서 제가 놓쳤나 싶었네요 ㅎㅎ.. 다른 분들도 헷갈리시지 않게 강의 밑 소스코드를 참고하시거나 아래 코드를 넣어주시면 편하게 하실듯합니다~ < div > < span > 오늘의 감정점수 : </ span > < select name = " emotion " value = { state . emotion } onChange = { handleChangeState } > < option value = { 1 } > 1 </ option > < option value = { 2 } > 2 </ option > < option value = { 3 } > 3 </ option > < option value = { 4 } > 4 </ option > < option value = { 5 } > 5 </ option > </ select > </ div >

• javascript
• react
• nodejs

useSwrInfinite 질문입니다.

미해결

Slack 클론 코딩[실시간 채팅 with React]

안녕하십니까 제로초님 슬랙 클론코딩 강의를 보고 실시간 챗을 구현해보고 있습니다. useSwrInfinite를 사용하여 구현하고 있고, 요청주기에 대해 궁금한점이 생겼습니다. useSwr은 DedupingInterval을 사용해서 설정한 주기 동안은 탭 변환이 일어나도 재요청을 보내지않고 캐시된 값을 그대로 사용하는 것으로 이해하고 있습니다. 그런데 useSwrInfinite의 요청 주기를 잘 모르겠어서 공식문서를 읽어보니 initialSize = 1 : 초기에 로드해야 하는 페이지의 수 revalidateAll = false : 항상 모든 페이지의 갱신 시도 revalidateFirstPage = true : always try to revalidate the first page persistSize = false : 첫 페이지의 키가 변경될 때, 페이지 크기를 1( initialSize 가 설정된 경우 initialSize )로 초기화하지 않음 챗을 쳐서 실시간으로 채팅이 화면에 그려질 수 있는이유는 초기에 initialSize = 1 로 설정되어 있어서 이차원 배열의 첫번째 배열이 갱신되어서 그런 것일까요? 챗을 칠때마다 갱신된 데이터를 get 할 수 있어서 좋지만 서버에 얼마만큼(어느주기로) 요청을 보내는지 알고 싶습니다.

• swr
• react
• 웹팩
• typescript
• Socket.io
• babel
• react
• 클론코딩

이렇게 나오면잘된건가요??

미해결

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

(사진)

• java
• spring
• spring-boot
• MVC

TypeError: 'range' object is not callable 오류

미해결

파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자

안녕하세요. 퀴즈 #4를 보고 있는데 from random import * users = range ( 1 , 21 ) #1부터 20까지 숫자 생성 print ( type ( users )) users = list ( users ) print ( type ( users )) users = list ( users ) 여기를 실행하면 "Traceback (most recent call last): File "<stdin>", line 1, in <module> TypeError: 'range' object is not callable" 이렇게 에러가 납니다. 왜 이런 에러가 나는 걸까요?

• python

cent2, 3 timeout 발생

미해결

시스템엔지니어가 알려주는 리눅스 실전편 Bash Shell Script

cent1은 설치가 되는거 같은데 2번부터 타임아웃이 발생합니다.... ㅠㅠ

• linux
• shell-script

ResponseEntityExceptionHandler 클래스에 대한 질문입니다.

미해결

[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발

컨트롤러에서 예외발생시에 CustomizedResponseEntityExceptionHandler 클래스의 handleAllExceptions 메소드가 아니라 handleMethodArgumentNotValid 메소드가 실행되는 이유는 무엇인가요?? handleMethodArgumentNotValid 메소드는 ResponseEntityExceptionHandler 클래스의 handleException 메소드의 의해 실행되는 것 같은데 @ExceptionHandler 어노테이션에서 조금 더 좁은 범위를 지정한 메소드가 발동하는건가요??

• spring-boot
• rest-api

Yolo 학습 결과와 관련 질문 있습니다

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

안녕하십니까 교수님 항상 좋은 강의 잘 듣고 있습니다 YOLOv5 학습 결과와 관련하여 궁금한것이 있어 질문남깁니다 이미지 1752 장을 사용하여 Batch 8 , Epochs 80 파라미터를 사용하여 1개의 클래스를 식별할수 있는 모델을 만들었고 아래와 같이 결과가 나왔습니다 근데 이중 metrics/mAP_0.5:0.95 값이 0.71195 밖에 나오지 않았더라고요 metrics/mAP_0.5 값보다 작게 나온다는건 알고 있는데 metrics/mAP_0.5:0.95 값이 0.71195 인거면 학습이 제대로 안되었다고 보면 되는건가요? 아니면 PR 곡선과 metrics/mAP_0.5 값만 확인하면 될까요...?ㅠㅠ 막상 실제 테스트에 적용하면 탐지율이 거이 100%(ex: 1500장데이터 중 1500개인식)인데.... 학습 결과랑, 탐지 정확도(ex:객체 정확도 70%) 너무 안좋습니다,.... Run summary: best/epoch 78 best/mAP_0.5 0.99298 best/mAP_0.5:0.95 0.712 best/precision 0.98595 best/recall 0.99159 metrics/mAP_0.5 0.99298 metrics/mAP_0.5:0.95 0.71195 metrics/precision 0.98594 metrics/recall 0.99159 train/box_loss 0.02711 train/cls_loss 0.0 train/obj_loss 0.01559 val/box_loss 0.02213 val/cls_loss 0.0 val/obj_loss 0.00911 x/lr0 0.00035 x/lr1 0.00035 x/lr2 0.00035

• python
• tensorflow
• 딥러닝
• 컴퓨터-비전
• 머신러닝 배워볼래요?
• keras

쇼핑 크롤링 응용 질문 드립니다.

해결됨

일잘하는 마케터, MD에게 꼭 필요한 파이썬 데이터 분석

선생님께서 수업에서 보여주신 여러가지 크롤링을 응용해서 네이버 많이 구매하는 쇼핑 카테고리 크롤링 코드를 짜보았습니다. 그런데 해당 순위 100개까지 있는데, 현재 순위 15순위까지만 해서 나옵니다. 16위부터는 소스 자체에서 변화되는 것이 있을수 있는데 저로서는 한계네요 ;;; 리뷰 다음 페이지것까지 가져오기처럼 이것도 방법이 있을 것 같은데 혹시 알려주실 수 있을까요

• 크롤링
• 네이버쇼핑
• 웹-크롤링
• python

강의자료 요청드립니다.

미해결

스마트폰으로 프리미어 프로급 영상 제작하기

안녕하세요. 강의자료 요청 드립니다. ikmun@halla.com

• 영상제작

option 가상클래스

미해결

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

선생님 어제 글을남겼는데 오늘 궁금한게 있어서 글을 남기게 되었습니다. <select> <option></option> </select> 이런 구조를 만들어 사용자가 선택하도록 만들고 있는데요. option값에 가상클래스를 줘서 값 뒤에 이미지를 주고 싶은데 가상클래스가 안먹히는 상황입니다. stackoverflow에서 검색했을 때에는 가상클래스가 적용 안된다는 글을 보게 되었는데 혹시 방법이 있을까요???

• jquery
• HTML/CSS
• javascript

일대다 맵핑 관련하여 질문드립니다.

해결됨

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

안녕하세요~ 강의를 듣고 다른 DB예제에 연관관계를 적용해 보려고, 엔티티를 작성해보면서 궁금한 사항이 있어 질문드립니다. 선생님께서 말씀하신 다대일 관계에서 연관관계 주인은 " 다"에 있음이 좋고, 일대다 관계에서도 "다"에 연관관계 주인을 설정하여, 양방향으로 하는게 좋다고 말씀하셧는데요 비즈니스 로직상으로 Product 테이블과 Category 테이블은 다대일 관계로 "다" 인 Poduct가 연관관계 주인을 가져갈수 있으나 Product 와 Product_price 나 Promotion은 일대다 관계로 "일" 인 Product 가 연관관계의 주인이 됨이 맞다고 생각하고 있는데요 비즈니스 로직상 1. Product 생성시에 promotion 과 price를 입력할 수 있어야하고 2. promotion이나 price 에서 별도로 수정할 수 있어야하는데 즉 "일" 에서도, "다" 쪽에서도 양쪽이 수정가능 해아하니, 무조건 강의 내용대로 "다" 쪽으로 연관관계 주인으로 설정해야하고 반대방향에서 update 설정을 부여해야하는 것인지요? 아니면 무조건 Product 엔티티가 연관관계 주인이 되어, 반대방향에서 update 설정을 해줘야하는건지요.. 어떻게 해야할지 몰라 의견을 구합니다 ㅜ (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요.

• JPA
• java

이 강의 수강 후 JPA 로드맵과 스프링 DB

미해결

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

현재 영한님 강의중 스프링DB 1편만 제외하고 모든 강의를 구입 후 MVC2를 수강중인데요. 이 이후에 JPA 로드맵을 수강하기 전에 스프링 DB를 수강하고 가면 좋다는 말이 있던데 차이가 큰가요 ?? 스프링 DB 2편 나오기 까지 기다리기가 싫어서 큰 문제가 안된다면 Spring DB 시리즈를 건너뛰고 JPA로드맵을 따라갈까 하는데... JPA로드맵과 Spring DB의 차이가 무엇인가요 ?

• spring
• MVC

item 경로 추가로 GetMapping을 올바르게 했는데 Whitelabel Error Page가 나옵니다.

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

package hello.itemservice.web.basic ; import hello.itemservice.domain.item.Item ; import hello.itemservice.domain.item.ItemRepository ; import lombok. RequiredArgsConstructor ; import org.springframework.beans.factory.annotation. Autowired ; import org.springframework.stereotype. Controller ; import org.springframework.ui.Model ; import org.springframework.web.bind.annotation. GetMapping ; import org.springframework.web.bind.annotation. PathVariable ; import org.springframework.web.bind.annotation. PostMapping ; import org.springframework.web.bind.annotation. RequestMapping ; import javax.annotation. PostConstruct ; import java.util.List ; @Controller @RequestMapping ( "/basic/items" ) @RequiredArgsConstructor public class BasicItemController { private final ItemRepository itemRepository ; @GetMapping public String items (Model model) { List<Item> items = itemRepository .findAll() ; model.addAttribute( "items" , items) ; return "basic/items" ; } @GetMapping ( "/{itemId}" ) public String item ( @PathVariable Long itemId , Model model){ Item item = itemRepository .findById(itemId) ; model.addAttribute(item) ; System. out .println( "BasicItemController.item" ) ; return "basic/item" ; } /** * 테스트용 데이터 추가 */ @PostConstruct public void init () { itemRepository .save( new Item( "testA" , 10000 , 10 )) ; itemRepository .save( new Item( "testB" , 20000 , 20 )) ; } } 경로도 제대로 하고 했는데도 지속적으로 Whitelabel Error Page 페이지가 나옵니다.. 콘솔창에도 따로 오류메세지나 아무 메세지도 안뜨는데 어떤걸 의심해봐야하나요?

• spring
• MVC

Json 을 객체로 받을 때 질문입니다

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

예를들어 전 강의에서 영한님이 username : kim, age : 20 이런식으로 하고 Hellodata에도 username과 age 라는 변수가 있었는데요 만약 json의 @RequestBody로 들어오는 변수?들이 Hellodata에 선언되어 있지 않다면 어떻게 되나요 ? 예를들어 Hellodata가 변수가 username 하나밖에 없다고 하면 age는 어떻게 되는 것인가요 ?

• MVC
• spring

prefab이나 material import해올때, 뭐가 제대로 딸려오지 않아서 생기는 문제인것같은데, 왜 분홍색으로만 보이는지 혹시 아시나요??

해결됨

두고두고 써먹는 유니티 VR

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용 해주세요. 이런식으로만 보이네요.....

• VR/AR
• unity

metricbeat를 데몬셋 형태로 구현해 보고 싶습니다.

미해결

안녕하세요 쿠버네티스를 공부하고 있는 수강생입니다. 내부에 엘라스틱 환경이 있어서 쿠버네티스의 메트릭 정보를 엘라스틱에서 저장해서 키바나로 시각화 하고자 합니다. 혹시 metricbeat를 데몬셋 형태로 구현해서 각 노드마다 설치해서 운영해 보고자 하는 가능한지 궁금합니다. 혹시 가능하다면 참고할 만한 사이트 정보 내지 자료 부탁드려도 될까요..? 감사합니다.