묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
부모 자식 간 데이터 전달에 대한 질문
안녕하세요. 부모 자식 간 데이터 전달과 관련하여 질문드리고 싶은 점이 있어서 글 남깁니다.부모가 자식에게 특정 데이터를 전달해주고 싶은 상황인데요,이를 현재 props로 구현한 상태입니다.그런데 "props는 call by value이므로 매번 값 복사를 하는 것보다부모에서 자식의 데이터를 접근하고 싶을 때는 this.$refs.(자식 컴포넌트 ref 이름).(데이터 이름) 이런 식으로 접근하고,자식에서 부모의 데이터를 접근하고 싶을 때는 emit으로 이벤트를 전달한 뒤 부모 쪽에서 자식의 데이터를 컨트롤 하는 방식"을 제안 받아서어떤 방법이 더 좋은지 궁금해졌습니다.(+ 후자의 방법은 call by reference 인가요? 값을 복사하는 것이 아니라 참조하는 것 맞나요?)혹시 캡틴 판교님은 해답을 알고 계실지 궁금하여 질문글 드립니다!!감사합니다.
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
아톰에서 script 패키지 검색 시 나오지 않습니다.
안녕하세요, 아톰을 이제 막 설치하고 필요한 패키지를 install하는 중인데, autocomplete까지는 잘 검색이 되어 설치했으나 Script는 install에서 검색 시 검색결과로 나오지가 않아 설치하지 못하는 중입니다. 혹시 해결방법을 알고 계실까요? [Script 검색 시 화면] [찾고있는 Script 패키지] 설치 숫자가 비슷하게 많은 패키지는 아래와 같이 하나 나오는데, 혹시 같은 기능을 가진 패키지일까요?
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
now 증가
안녕하세요. now 하나씩 증가하는 구조가 이해가 안됩니다. 입력 값을 배열에 저장해놓고 증가하는 형식이 아닌거같은데 now가 1씩 증가하는 코드가 어느 것인지 알 수 있을까요?
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
영한님 폰트는 어떻게 설정하나요 ?
>= 하면 평소에 저희가 쓰던 이상, 이하로 치환되는데 이건 어떻게 설정할 수 있나요 ? 인텔리제이 유료버젼 쓰는데 궁금합니다 ㅜㅜ
-
미해결자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)
질문 드립니다.
변수에 숫자값을 대입하실때 아래와같이 선언하시는데 _ 가 의미하는것이 무엇인가요? var money 1 = 1_000L 1_000 에서의 _ 를 여쭤본것입니다!
-
미해결
nox 에뮬에 프리다 서버를 넣는 중인데 안됩니다..
nox 에뮬에 프리다 서버를 넣는 중인데 안됩니다.. 사용환경 에뮬레이터 : Nox : abd로 frida- server 설치 Windows 10 이 사진처럼 나옵니다... 왜 실행 할수 없는 디렉토리로 나오는 걸까요?? 사진말고 혹시나 싶어서 이것두 남겨봐요... C: ₩Program Files₩Nox₩bin> call nox_adb shell /deta/local/tmp/frida-server-15.1.8-ardroid-x86_64 /syetem/bin/sh: /deta/local/tmp/frida-server-15.1.8-ardroid-x86_64: can't execute: Is a directory 찾아보기로는 # mount -o rw,remount -t ext4 /frida-server를 /system 에서 실행하세요. 라고 하는데 /system에서 실행하라는 말이 명령 프롬프트 명령어에다가 # mount -o rw,remount -t ext4 /frida-server 이걸 실행하라는 말씀이실가요.. 초보자라서 말이 좀 처럼 해석이 안가요ㅠㅠ 하나 더 질문 있는데요..! C:\Users\Apeach>nox_adb shell * daemon not running. starting it now on port 5037 * * daemon started successfully * error: no devices/emulators found 이렇게도 나오는데..왜 오류: 장치/에뮬레이터를 찾을 수 없습니다.라고 뜨는 걸가요.. 어디서 부터 잘못 된건지..ㅠㅠ 도와주세요!
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
대용량데이터 처리
[질문내용] 안녕하세요. 강의를 들으면서 구글링을 해보던중에 대용량 데이터 저장시에는 JPA 보다는 JDBC를 사용하는게 맞을까요? 의견부탁드립니다. 감사합니다.
-
미해결자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)
질문 있습니다.
코틀린에서는 null 사용을 안전하게 하기 위해서 null 이 들어갈 수 있는 변수를 완전히 다른 타입으로 간주하고 아래와 같이 효과적으로 관리할 수 있다. 라고 말씀해주셨는데요 그렇다면 String과 String? 타입은 엄연히 다른 타입 인것이고 String? 이 자체를 하나의 타입으로 간주해야하는건가요? String? 이렇게 생긴 타입은 코틀린에서는 클래스로 정의 되어 있지 않아서요..!
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
lock 질문입니다
제가 혼자 만들어보면서 느꼈던 점은, "session에서 lock을 걸지 않고 recvbuffer의 writesegment를 가져오거나 DataSegment를 읽어올 때 lock을 걸면 최소한의 범위로 할 수 있을 것 같다" 입니다. 강사님께선 Session의 Send, RegisterRecv, OnRecvCompleted에 하나의 _lock 오브젝트로 전부 잠구셨는데 이렇게 되면 예를 들어 OnRecvCompleted를 호출해서 _lock 범위 내에서 처리하는 동안 Send를 호출하면 Send는 OcRecvCompleted가 끝날 때 까지 대기해야하는 상황이 발생하지않나라는 걱정이 조금 됩니다.
-
미해결CSS 레이아웃 - flex & grid
다운로드가 안됩니다.
pdf파일도 아니고 .pdf로 만들어서 저장해도 열리지 않습니다..
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
소켓 프로그래밍 이란
질문있습니다. 소켓프로그래밍이라 하면 어떤것을 제작하는 것을 의미하나요 어렴풋이 서버 프로그래밍을 얘기하는 것 같은데.... 그리고 서버 어플리케이션을 만드는 것으 이야기하는지 서버의 운영체제를 만드는 것을 이야기하는지 잘 모르겠습니다. 도움말씀 부탁드려요..
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
소켓프로그래밍 - 운영체제
안녕하세요 수업들으면서 컴퓨터일반에 대한 질문이 생겼습니다. 1. 소켓프로그래밍과 운영체제의 관계는 무엇일까요? 2. 운영체제 커널내에 네트워크와 관련된 부분이 있나요? (그게 소켓일까요?) 전반적으로 운영체제를 공부해야 하나 고민중입니다.
-
미해결[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
api추가 질문입니다
api 추가 질문입니다. router.get('/search/:hashtag', async (req, res, next) => { try { const result = await request( req, `/posts/hashtag/${encodeURIComponent(req.params.hashtag)}`,// 문자를 UTF-8로 인코딩 ); res.json(result.data); } catch (error) { if (error.code) { console.error(error); next(error); } } }); 이 코드에서 :hashtag는 인코드 되어서 request함수에 넣었습니다. router.get('/posts/hashtag/:title', verifyToken, async (req, res) => { try { const hashtag = await Hashtag.findOne({ where: { title: req.params.title } }); if (!hashtag) { return res.status(404).json({ code: 404, message: '검색 결과가 없습니다', }); } const posts = await hashtag.getPosts(); return res.json({ code: 200, payload: posts, }); } catch (error) { console.error(error); return res.status(500).json({ code: 500, message: '서버 에러', }); } }); request함수는 헤더의 authorization에 토큰을 넣어서 이 라우터에 요청합니다. 그렇다면 이 코드의 :title 속성은 인코드된 문자열이지 않나요? Hashtag모델에 인코드된 문자열이 저장되는 것도 아니던데 왜 인코드된 문자열을 다시 디코드하지 않나요? const posts = await hashtag.getPosts(); return res.json({ code: 200, payload: posts, }); 또 Post에 있는 hashtag를 가져와 posts에 넣어서 json형식으로 출력했더니 이런 형태의 데이터가 나왔는데 Post모델에서 조건에 맞는 hashtag를 가져온것은 이해 했습니다. 그러나 PostHashtag테이블과 UserId컬럼은 왜 가져온것인가요? 혹시 관계 메서드 add set remove get에 대해 정확히 어떠한 인과관계가 나타는지 설명해주실수 있나요? 대충 느낌은 오지만 긴가민가 합니다 ㅜㅜ
-
미해결모던 자바스크립트(ES6+) 기본
prototype의 메소드 내부에 화살표 함수가 작성된 경우
안녕하세요 강의내용을 따라하다가 한가지 질문이 생겨서 글을 씁니다 prototype에 연결한 함수, 그러니까 method안에다가 화살표함수를 사용한 경우에서 말인대요 여기서 이 method의 스코프는 인스턴스이고, 그걸 화살표 함수가 this로서 사용한다고 이해를 했습니다 그래서 debugger를 붙여서 브라우저의 개발자 모드로 확인해봤는데, const Point = function(){ this.point = 100; }; Point.prototype.getPoint = function(){ // Set an Arrow Function in a normal function that is set under "prototype" const add = () => this.point +20; console.log(add()); [1, 2].forEach((value) => { console.log(this.point + value); // the "this" of the Arrow Function takes the "this" of its scope, which is the method, "getPoint()" }) // the scope of "getPoint()" is the instance }; new Point().getPoint(); debugger; 저기에 나오는 console.log(this.point + value)에서 this에 마우스를 가져가보면 Window라고 뜨고, this.point위로 마우스를 가져가 보면 undefined가 뜹니다 원래 이런건가요?
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
<a> tag에서 role = "button" 과 type = "button" 차이가 있나요
두가지다 테스트 해봤는데 웹상에서는 별 차이가 없던데 혹시 role = "button"을 쓰는 이유가 있나요
-
미해결실전! Querydsl
querydsl에서의 값 타입 컬렉션
영한님 서포터즈님들 안녕하세요 강의에서는 엔티티 끼리의 DTO 변환은 조인을 통해 쉽게 할 수 있는데, querydsl의 프로젝션을 사용해서 DTO를 변환하는 중에 값 타입 컬렉션은 어떻게 할 수 있는지 궁금해서 여쭤보게 됐습니다. 현재 재 코드입니다 Club.class PetSizeType(Enum) EligibleBreed 이제 querydsl을 이용해서 DTO를 변환시키면 not an entity 라는 에러가 발생합니다 일단 값 타입 컬렉션은 entity가 아니기 때문에 해당 에러 로그는 이해가 됩니다 그렇다면 값 타입 컬렉션은 조인도 할 수 없기 때문에 10개의 Club을 가져오려면 select 쿼리가 20개가 나가게 되는데, 이를 최적화하는 방법이 없을까요? 아래의 사진은 하나의 club을 조회할 때 나가는 쿼리입니다! 그리고 제 개인적인 생각으로는 실무에서도 Enum타입을 자주 사용할 것 같은데,, 같은 Enum Type을 저장하기 위해서 따로 엔티티를 만드는 편인가요??(값 타입 컬렉션을 사용하지 않는지 궁금합니다) 감사합니다
-
해결됨MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React
이미지 통신 오류...
안녕하세요. 서버와 이미지를 주고 받는 과정에서 에러가 발생했는데 어떤 부분이 문제일까요... 급하게 마무리 하려다 보니 자꾸 잘 안되네요ㅠㅠ 클라이언트의 ImageUpload.js 코드 import axios from 'axios' import React from 'react' function ImageUpload() { const FileUpload = (e)=>{ var formData = new FormData() //서버로 보내기 위한 파일내용 인코딩 formData.append("file", e.target.files[0]) //file이름으로 첨부된 파일 데이터를 추가 axios.post('/api/post/image/upload', formData) .then(()=>{ console.log("성공") }).catch((err)=>{ console.log(err) }) } return ( <div> <input onChange={(e)=>FileUpload(e)} type="file" accept='image/*'/> </div> ) } export default ImageUpload 클라이언트 창 콘솔 에러... 서버의 post.js 코드 const express = require('express') const router = express.Router() const multer = require('multer') const { Post } = require('../models/post.js') const { Counter } = require('../models/counter.js') router.post('/submit', (req, res) => { let temp = req.body Counter.findOne({ name: 'counter' }).exec().then(counter => { temp.postNum = counter.postNum const CommunityPost = new Post(temp) CommunityPost.save().then(() => { Counter.updateOne({ name: "counter" }, { $inc: { postNum: 1 } }) .then(() => { res.status(200).json({ success: true }) }) }) }).catch(err => { err.status(400).json({ success: false }) }) }) router.post('/list', (req, res) => { Post.find().exec().then(doc => { res.status(200).json({ success: true, postList: doc }) }).catch(err => { status(400).json({ success: false }) }) }) router.post('/detail', (req, res) => { Post.findOne({ postNum: Number(req.body.postNum) }).exec() .then(doc => { res.status(200).json({ success: true, postList: doc }) }).catch(err => { console.log(err) status(400).json({ success: false }) }) }) router.post('/edit', (req, res) => { console.log(req.body) let temp = { title: req.body.title, content: req.body.content, } console.log(temp) Post.updateOne({ postNum: Number(req.body.postNum) }, { $set: temp }).exec() .then(() => { console.log("수정성공") res.status(200).json({ success: true }) }).catch(err => { console.log("수정실패") err.status(400).json({ success: false }) }) }) router.post('/delete', (req, res) => { Post.deleteOne({ postNum: Number(req.body.postNum) }).exec() .then(doc => { res.status(200).json({ success: true }) }).catch(err => { console.log(err) status(400).json({ success: false }) }) }) const storage = multer.diskStorage({ //multer를 통해 전달받은 데이터를 파일 디스크에 저장 destination: (req, file, cb) => { //저장할 경로를 지정 cb(null, 'image/') }, filename: (req, file, cb) => { //저장할 파일의 이름 지정 cb(null, file.originalname + '-' + Date.now()) } }) const upload = multer({ storage }).single('file') router.post('/image/upload', (req, res) => { upload((req, res, err) => { if (err) res.status(400).json({ success: false }) else console.log("성공!") }) }) module.exports = router 이전 기능까지는 잘 구현되었는데 이미지 통신 자체가 잘 안되는 것 같습니다...
-
미해결자바스크립트로 알아보는 함수형 프로그래밍 (ES5)
좋은 강의 감사합니다.
개인 프로젝트 진행하면서 코드가 길어지니까 정리가 안되고 지저분해져서 고민이었는데 알려주신 방법대로 하면 간결하게 정리할 수 있겠네요. 감사합니다! 완강하고 다음 강의에서 만나요!
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
sessionOption.cookie.proxy = true 설정에 대해서 질문입니다.
강사님 안녕하세요 아래 설정에 대해서 궁금해서 문의글 남깁니다. sessionOption.cookie.proxy = true 배포시 위 설정이 실행되는거 같은데요. 강사님이 책에서 https적용을 위해 노드 서버 앞에 다른 서버를 두었을 때 true를 설정한다고 써있는데 구체적으로 어떤 상황인지 알려주실 수 있나여
-
미해결[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
nodebird-api코드 질문입니다
exports.verifyToken = (req, res, next) => { try { req.decoded = jwt.verify(req.headers.authorization, process.env.JWT_SECRET); return next(); } catch (error) { if (error.name === 'TokenExpiredError') { return res.status(419).json({ code: 419, message: '토큰이 만료되었습니다', }); } return res.status(401).json({ code: 401, message: '유효하지 않은 토큰입니다', }); } } 토큰을 검사하는 미들웨어 입니다 req.decode가 어떻게 생성되는지 궁금합니다. 또 jwt.verify함수가 토큰을 검사하는 함수로 알고있는데 토큰이 유효하다면 토큰을 req.decode에 넣는것인가요? 그리고 const result = await axios.get('http://localhost:8002/v1/test', { headers: { authorization: req.session.jwt }, }); axois.get 요청에 headers에 authorization부분에 세션을 넣던데 authorization 넣는 이유가 따로 있을까요? router.get('/posts/my', verifyToken, (req, res) => { Post.findAll({ where: { userId: req.decoded.id } }) .then((posts) => { console.log(posts); res.json({ code: 200, payload: posts, }); }) .catch((error) => { console.error(error); return res.status(500).json({ code: 500, message: '서버 에러', }); }); }); 이 부분에서 posts는 Post모델의 배열로 나오는데 그 앞에서 선언되지 않았음에도 불구하고 쓰던데 따로 규칙같은게 있나요? users면 User모델의 배열이라던가 등등...