174만명의 커뮤니티!! 함께 토론해봐요.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
프론트엔드 포트는 3000으로 했습니다. 분명 sudo npx pm2 kill 로 pm2 작동끄고, sudo kill -9 PID ID로 프로세스를 껐는데, 피드 ID만 바껴서 계속 node 프로세스가 생성됩니다.
미해결
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. stageResize() resize 관련 부분에 대해서 설명해주신 강의가 혹시 몇강일까요 ㅠ 메일은 krr1996@naver.com
미해결
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
helmet 하고 sanitize-html 둘다 XSS 방어 기능을 지원하더라구요. 어느걸 쓰면 좋나요? helmet은 src나 href, 인라인 자바스크립트 XSS 공격을 막는 용도로 sanitize는 <script> 태그 공격 막는 용도로 둘다 같이 쓰면 되나요?
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요. 부모 자식 간 데이터 전달과 관련하여 질문드리고 싶은 점이 있어서 글 남깁니다. 부모가 자식에게 특정 데이터를 전달해주고 싶은 상황인데요, 이를 현재 props로 구현한 상태입니다. 그런데 "props는 call by value이므로 매번 값 복사를 하는 것보다 부모에서 자식의 데이터를 접근하고 싶을 때는 this.$refs.(자식 컴포넌트 ref 이름).(데이터 이름) 이런 식으로 접근하고, 자식에서 부모의 데이터를 접근하고 싶을 때는 emit으로 이벤트를 전달한 뒤 부모 쪽에서 자식의 데이터를 컨트롤 하는 방식"을 제안 받아서 어떤 방법이 더 좋은지 궁금해졌습니다. (+ 후자의 방법은 call by reference 인가요? 값을 복사하는 것이 아니라 참조하는 것 맞나요?) 혹시 캡틴 판교님은 해답을 알고 계실지 궁금하여 질문글 드립니다!! 감사합니다.
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
안녕하세요, 아톰을 이제 막 설치하고 필요한 패키지를 install하는 중인데, autocomplete까지는 잘 검색이 되어 설치했으나 Script는 install에서 검색 시 검색결과로 나오지가 않아 설치하지 못하는 중입니다. 혹시 해결방법을 알고 계실까요? [Script 검색 시 화면] [찾고있는 Script 패키지] 설치 숫자가 비슷하게 많은 패키지는 아래와 같이 하나 나오는데, 혹시 같은 기능을 가진 패키지일까요?
미해결
it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
안녕하세요. now 하나씩 증가하는 구조가 이해가 안됩니다. 입력 값을 배열에 저장해놓고 증가하는 형식이 아닌거같은데 now가 1씩 증가하는 코드가 어느 것인지 알 수 있을까요?
미해결
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
>= 하면 평소에 저희가 쓰던 이상, 이하로 치환되는데 이건 어떻게 설정할 수 있나요 ? 인텔리제이 유료버젼 쓰는데 궁금합니다 ㅜㅜ
미해결
자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)
변수에 숫자값을 대입하실때 아래와같이 선언하시는데 _ 가 의미하는것이 무엇인가요? var money 1 = 1_000L 1_000 에서의 _ 를 여쭤본것입니다!
미해결
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: 게임 서버
제가 혼자 만들어보면서 느꼈던 점은, "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 추가 질문입니다. 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에 연결한 함수, 그러니까 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! 장고+부트스트랩: 파이썬 웹개발의 정석
두가지다 테스트 해봤는데 웹상에서는 별 차이가 없던데 혹시 role = "button"을 쓰는 이유가 있나요
미해결
실전! 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 이전 기능까지는 잘 구현되었는데 이미지 통신 자체가 잘 안되는 것 같습니다...
