묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
중복된 닉네임
중복된 닉네임할때 const exUser = await User.findOne({ where: { email: req.body.email, nickname: req.body.nickname, }, });이렇게 추가 해주면 되나요? 아니면 따로 만들어줘야하나요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
로컬스토리지에 대한 질문입니다!!
안녕하세요 강사님!! 다름이 아니라 로컬스토리지에 대해 질문을 드리려고 합니다!!강사님께서 첨부하신 boiler-plate을 사용하지 않고, 이전의 boiler-plate 강의 수강 후 직접 작성한 파일을 그대로 가져와서 youtube 강의를 듣고 있습니다.로그인 페이지에서 로그인을 하게 되면, 로컬스토리지에 userId가 저장될 수 있게 기능을 구현하려 하는데, 아래와 같이 어딘가로 저장은 되지만 어플리케이션 탭의 로컬스토리지에는 표시가 되지 않습니다. 혹시 어떤 이유 때문에 이러 일이 일어나는지 알려주실 수 있으실까요!!ㅠㅠ--------------------------------------------------------------------------------------------------------------------------------------확인해보니 크롬 브라우저에는 위 사진과 같이 저장된 데이터가 표시되지 않았지만 브레이브 브라우저에서는 아래와 같이 정상적으로 표시 됐습니다!! 특이사항이 있다면 크롬 브라우저에서 로그인 할 때, 암호가 유출되었을 수도 있다는 알림이 뜨는데 그것 때문인지 궁금합니다!!
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npm install -g serve 설치 오류가 납니다..ㅠㅠ
hyunwooji@jihyeon-uui-MacBook-Air emotiondiary % npm install -g servenpm WARN config global --global, --local are deprecated. Use --location=global instead.npm ERR! code EACCESnpm ERR! syscall mkdirnpm ERR! path /usr/local/lib/node_modules/servenpm ERR! errno -13npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/serve'npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/serve'] {npm ERR! errno: -13,npm ERR! code: 'EACCES',npm ERR! syscall: 'mkdir',npm ERR! path: '/usr/local/lib/node_modules/serve'npm ERR! }npm ERR! npm ERR! The operation was rejected by your operating system.npm ERR! It is likely you do not have the permissions to access this file as the current usernpm ERR! npm ERR! If you believe this might be a permissions issue, please double-check thenpm ERR! permissions of the file and its containing directories, or try runningnpm ERR! the command again as root/Administrator.npm ERR! A complete log of this run can be found in:npm ERR! /Users/hyunwooji/.npm/_logs/2023-02-19T07_24_53_420Z-debug-0.log 구글링 해봣을때는 npm 업데이트 문제인거같다고로 찾아서npm update 도 해봣는데 전혀 해결되지 않고 더 꼬이고 있는거같습니다.. 완강을 앞두고 좌절중이네요ㅠ 오늘 다 완강하고 싶었는데 도저히 해결이 안되어 질문남깁니다 감사합니다!!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
컨테이너 파일과 타입스 파일 매칭 질문
안녕하세요~ 포트폴리오 주소 가져오기 공부하면서 질문드립니다BoardWrite 컨테이너 파일과 타입스 파일에서 타입 명시해주는 부분이 이해되지 않습니다동그라미 친 부분만 그대로 타입 명시해주면 되는 줄 알았는데 타입스 파일에는 4부분으로 나눠져서 타입이 명시되 있어서요~ 저는 타입스 파일에서 4번째 동그라미만 있으면 될 것 같았어요~
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
질문있습니다!
안녕하세요 수업 질문입니다.저만 그런건지 age index를 생성하기 전인데도 불구하고,age로 sort 할 경우 성능이 오히려 3배 가량 향상됩니다.. ㅜㅜsort를 작성할 경우 수업과 동일하게 sort_key_generator는 나타나지 않고, documents returned도 0 으로 표기 됩니다.하지만 explain 탭이 아닌 documents탭에서는 정렬방식이 적용 되어 문제없이 조회되는 걸로 보아 문법을 작성을 잘못 한것 같지않고, sort를 작성하면 explain이 제대로 나타나지 않아 헤매이고있습니다.index의 장점을 직접 체험하기 위해 데이터는 약 100만개 정도 생성한 상태로 따라해보는데, 의도와는 다른 현상이 나타나 질문드립니다!!
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
데이터베이스 다중값
데이터베이스 한 칼럼에 다중 값을 넣으려면 어떻게 해야 할까요? 예를 들어서 월, 화, 수, 목, 금, 토, 일을 체크박스로 만들고 여러 개의 값을 체크하면 그 값이 한칼럼에 다 들어간다고 가정했을 때 어떤 방법을 사용해야 할까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
맥사용자가 아닌경우 리눅스 설치를 위해 별도 컴퓨터가 있어야 할까요?
Docker - MongoDB 연결 수업전 까지 들었습니다.현재까지는 리눅스 설치 없이 문제없이 진행중 입니다. 질문1.맥북이 아닌경우컴퓨터 두대(리눅스, 인강용) 로 진행하는 건가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
Docker 2 - API 패키징 "/" 슬러시 생략가능 여부 질문
질문1.아래 코드중에서 마지막 슬러시 " / " 는 생략 가능 가능하지요?Dockerfile WORKDIR /myfolder/COPY ./package.json /myfolder/COPY ./yarn.lock /myfolder/
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
프론트쪽에서 env 나누나요?
현재 강의 front쪽에서 env 로컬 배포 일떄도 나누나요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
React key prop 오류 케이스 나오시는 분들 보세요
존경하는 그랩님Warning: Each child in a list should have a unique "key" prop 오류 케이스에 대해서 조언좀 구할 수 있을까요? ReactDOM.render 방식이 React 18에서 지원하지 않으면서 오류들을 수정했습니다.//[AS-IS] import ReactDOM from 'react-dom'; ReactDOM.render( <React.StrictMode> <BrowserRouter> <App /> </BrowserRouter> </React.StrictMode>, document.getElementById('root') //[TO-BE] import * as ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode>); 다만 아래와 같은 오류들이 발생을 하였는데요.구글링에서 찾아보니 각 엘리먼트에 key값을 주는 것으로 해결하라고 하는데요.- 그렇다면 src > main > index.js 에서 각 엘리먼트들에 key 값을 설정해줘야 하나요?- 각 엘리먼트들에 map으로 되어있는 함수를 지우고.. (product, index) 형태를 key={product.id}>{product.imageUrl}key={product.id}>{product.name} 형태로 바꾸어 주어야 하나요?- 조금 어렵게 느껴지네요. 해당 부분처럼 바꾸는게 맞는지 조금 조언 부탁드립니다.현재 제 깃 레파지토리 참조로 첨부드립니다. 도와주세요 ㅠㅠhttps://github.com/promotionX/Grabmarket-clinet
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
유닛테스트 도중 'findByEmail' 의 함수를 못찾고 있습니다.
문제점: 제목 그대로 유닛테스트 도중 'findByEmail' 의 함수를 못찾고 있습니다.<에러발생 사진><제 코드>users.service.spec.tsusers.service.ts추가질문 : 추가 질문으로 위로 올려 보시면 users.Service.spec.ts에서 두번째 사진중 빨간네모박스 체크를 했는데 기존 UsersServie 코드로 하면 모듈에서 인식을 못하는지 아래와 같은 에러가 떴습니다. 이거 다른해결 방법이 있나요?< 모듈 사진추가>users.module.tsapp.module.ts
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
노드 아예 모르는 상태로 들어도 괜찮을까요?
리액트는 어느정도 프로젝트도 해보고 웬만한건 구현이 가능한 정도인데 노드에 관해서 전혀 모르는데 수강해도 괜찮을까요?혹시 노드 지식이 필요하다면 어떤 강의를 듣고 와서 수강을 해야할까요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Props를 받는 쪽은 무조건 객체 {} 하나만 만드나요?
질문 제목 그대로입니다.props를 주는쪽은 객체 하나에 모든 값들을 프로퍼티로 보내고, 받는쪽도 객체 하나로 모든걸 컨트롤해야한다고, 이해하면 될까요? 객체 두개( { }로 묶인친구 두 덩어리)를 따로따로 보낼려고 하면 어떻게 해야할지도 모르겠고, 시도만 하면 전부 에러가 납니다...
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
antd rating 질문
안녕하세요 ant design 사이트에서 별점을 가져와서 사용하는 부분 질문있습니다콘테이너 파일에서는 리턴부분에 바로 setStar={setStar}로 넘겨주면 프레젠터 파일에서 props.setStar로 받고 있습니다 다른 매개변수처럼 onChange 함수를 사용하지 않고 바로 setStar로 넘겨주는 이유는 무엇인가요? 작동이 되는 이유가 궁금합니다그리고 types 파일에서 setStar: Dispatch<SetStateAction<number>>;타입을 이렇게 받고 있는데 이 설명은 강의에서 못본것 같아서요~ ant design 사이트에서 알 수 있는 것인가요?? BoardCommentWrite.container.tsx 파일BoardCommentWrite.types.tsx 파일
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
수정 페이지에서 감정 이미지 오류
이번 EDIT 구형하기 강의를 모두 마치고다른 부분에는 문제가 없는데수정 페이지에서 감정 이미지가 나타나지 않는 오류가 발생합니다ㅠ코드 샌드박스에 이미지 파일을 어떻게 올리는지 모르겠어서 우선 코드만 올려봤습니다..!https://codesandbox.io/s/frosty-leaf-63db3g?file=/src/App.js
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mongDB 연결 로그 안 뜨고 멈춤,,
포트 연결 로그는 뜨는데 그 다음에몽고DB 연결 로그 안 뜨고 그 상태에서 아무 실행도 안 됩니다... 에러메시지도 안 나오니 무슨 에러인지도 모르겠고..ㅠㅠㅠㅠ도와주세요몇번 서버 죽이고 다시 켜봐도 동일하네요ㅠㅠ어떻게 해결해야하나요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
fetchBoardComments 데이터를 map으로 뿌린 el 타입 지정
안녕하세요 멘토님!시간을 짬짬히 내서 공부하는지라 진도는 느리지만 그래도 여차저차 타입스크립트 포폴 전환까지 완료헀습니다.빨간 줄 한 곳도 없이 무사히 전환 완료하였으나 강의 내용에도 나오지 않은듯한? 부분에서 궁금한게 생겨서 질문 드립니다.댓글 리스트 컴포넌트 부분을 map으로 렌더링 하는 방식으로 작업하였는데요, 여기 el의 타입을 지정하는 부분에서 Pick<IQuery, "fetchBoardComments"> 타입이 먹히지 않아서 삽질을 좀 했습니다. 그래도 여차저차 types.ts 내부를 참고하면서 수정해본 결과, el: IBoardComment 를 그대로 el의 타입으로 지정해주니까 컴파일 에러가 사라지고 해결되었습니다.이건 알고 해결했다기 보다는 모르고 바꿨는데 운 좋게 에러가 사라진 것이라 왜 해결됐는지 알고 넘어가고 싶어서 질문드립니다. (이게 편법이거나 정답이 아닐 수도 있다는 생각도 들었습니다.)그리고 Pick<IQuery, "fetchBoardComments">와 IBoardComment는 어떠한 차이가 있는지 궁금합니다. 참고로 el을 props drilling 하여 보낸 presenter 부분은 이렇게 사용하고 있습니다. 감사합니다.
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
함께 아는 친구 기능 구현
다른 유저와 공통적으로 팔로잉을 하고 있는 유저 숫자를 구하고 싶은데 혹시 api를 어떤 방식으로 코딩하면 될까요? 항상 좋은강의 감사합니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
video가 안 나타나는 문제
video 코드를 맞게 입력했지만 표출되지 않았습니다콘솔에는 아무런 에러도 없고.. url도 문제가 없어서 이유를 찾기 어려워 리액트 라이브러리로 대체했습니다.작동은 정상적으로 되지만 앞으로 수업 듣기에 문제 없을지는 모르겠습니다.같은 문제를 겪으신 분들 참고하시면 좋겠습니다.// client npm i react-player --save // VideoDetailPage.js import ReactPlayer from 'react-player/lazy'; // video 부분 아래와 같이 대체 <ReactPlayer style={{ width : '100%' }} url={`http://localhost:5000/${VideoDetail.filePath}`} playing={true} // 자동 재생 on controls={true} // 플레이어 컨트롤 노출 여부 light={false} // 플레이어 모드 pip={true} // pip 모드 설정 여부 />
-
미해결[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지
AWS에서 MongoDB 설치
안녕하세요.15장을 듣다가 궁금해서 Node와 관련이 없는 질문을 드립니다.MySQL은 RDS를 쓴다고 하셨는데 MongoDB를 EC2에서 분리하여서 설치하는 서비스는 무엇인가요?감사합니다.