묻고 답해요

User 와 User()의 차이가 뭔지 궁금합니다.

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

const app = express () ; 여기서 express에 ()붙이는것도 비슷한 맥락인것 같은데 차이가 뭔가요 ?

• nodejs
• react

회원가입할 때 request payload에 저장되는 정보 노출 안 시키게 할 수 있나요?

해결됨

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

안녕하세요 제로초님! 궁금한 부분이 있어 질문 드립니다. 회원가입할 때 개발자도구 network 탭에서 해당 요청의 request payload를 보면 회원가입할 때 입력했던 정보를 그대로 확인할 수 있는데요, 혹시 이거 노출시키지 않도록 설정할 수 있나요? 가령 비밀번호는 암호화 한다는가하는 방법으로요. 실제 실무에서는 이 부분이 보안상 문제가 될 거 같은데, 실무에서는 어떻게 처리하는지 궁금합니다. :) 감사합니다!

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

permission 관련..

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

애초에 creat-react-app 설치 자체가 안되는데 어떤 이슈일까요?

• react
• 머신러닝 배워볼래요?
• nodejs
• javascript
• tensorflow
• react
• HTML/CSS
• express
• react-native

9강 질문있습니다!

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

안녕하세요 선생님 양질의 강의 제공해주셔서 감사히 잘 듣고 있습니다! 9강 수강중 아래와 같은 에러가 발생해 문의드립니다. 구글링해 해결하려해도 잘 되지 않네요 ㅜ error: src refspec master does not match any error: failed to push some refs to '~~.git' 이 에러를 해결하려면 어떻게 해야할까요? 답변 주시면 감사하겠습니다.

• nodejs
• react

npm run build 오류

미해결

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

안녕하세요 front에서 내용을 수정하고 ec2에서 git pull하고 npm run build과정에서 자꾸 먹통이 나는데 무슨 문제일까요?? 제가 했던 순서는 제로초님 말대로 그냥 로컬 : git commit -am " ~comit msg" git push origin master에서 git에 등록한 후 ubuntu 접속: sudo git pull sudo npm run build 아래의 캡처본과 같이 여기서 자꾸 동작이 멈추게 되네요... pm2 kill하고도 해봤고 pm2를 그대로 실행시킨 상태에서도 해도 똑같네요... 어딜 고쳐야하는 걸까요? (로컬에서 npm run build하면 제대로 작동하고 위의 경우에도 인스턴스 중지 후 다시 재시작해서 build하면 제대로 작동해요)

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

인피니트 스크롤 throttle 두번씩 요청 질문입니다,,,

해결됨

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

안녕하세요, redux devtools 로 확인해보면 요청이 두번씩가는데 도데체 이유를 모르겠습니다..ㅠㅠ 코드도 동일하고 throttle 5000도 동일하게 적용했는데 왜그럴까요.. throttle을 설정했는데 요청이 두번갈수가 있나요?

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

BestScore 표현이 NaN 으로만 나타납니다.

해결됨

실전 리액트 프로그래밍

한단계식 나아갈때마다 찾지 못할 에러에 빠지네요 ㅠㅠㅠ 전체다 코드 점검을 해본것 같은에,,,,, 제 힘으로 찾아지지가 않습니다 ㅠㅠ BestScore에서 숫자로 표현되지 않고 NaN으로 표현됩니다. 코드는 깃허브 주소에 있습니다. https://github.com/Doha-Dev/game2048 감사합니다!!

• react
• redux

동영상이 아닌 사진 저장

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

동영상이 아닌 사진으로 올리려고 하는데 사진 사이즈를 바꾸고 렌더 시키고 싶어서 ffmpeg의 screenshot의 옵션 이용했는데 썸네일이 저장이 안되네요 ㅠ 혹시 사진 사이즈를 바꾸고 렌더시킬 수 있는 방법이 있을까요?

• redux
• mongodb
• nodejs
• react

영상에 갑자기 자막이 같이 나와요

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

소리랑 안 맞기도 하고 화면 밑부분을 보여주실 때 자막에 가려서 안 보입니다ㅜ

• 머신러닝 배워볼래요?
• tensorflow
• react-native
• react
• nodejs
• express
• javascript
• HTML/CSS

samesite=none 일 때 쿠키 공유 문제

미해결

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

안녕하세요. 쿠키 관련 질문이 있습니다. front에서 axios로 보낼 때 withcredentials: true 를 해주고 backend에서도 cors에서 credentials : true를 해주었기 때문에 로컬에서 프론트와 백엔드를 같이 돌릴 경우에는 쿠키 공유 문제가 없습니다. 그런데 백엔드를 aws EC2에 두고 프론트 엔드를 로컬에서 돌릴 경우 쿠키가 공유되지 않습니다. 원인은 samesite 정책 때문이고 해결하려면 backend에서 쿠키를 보낼 때 samesite=none과 secure:true를 같이 적용해줘야 한다는 걸 알았습니다. 이를 해결하려면 결국 https 적용을 위해 nginx로 프록시를 만들어 줘야 하는데 다른 방법이 있을까요? 간단한 방법은 로컬에서 계속 테스트 하다가 배포관련 수업에서 하는 것 처럼 도메인을 같이 등록하면 되긴 하지만 이런 경우에도 해결하는 방법이 있는지 궁금합니다.

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

강의를 따라 공부중인데 어디서 막혔는지 모르겠습니다.

해결됨

실전 리액트 프로그래밍

키보드 조작하는 부분까지 강의를 따라 만들어둔 상태입니다. (스코어 부분 시작 직전까지, 약 37분 45초까지) * 키보드 동작을 넣기전에는 4x4 셀을 그린 후 두 곳에 랜덤하게 숫자2를 표현하였습니다. * 키보드 동작까지 완료 후 4x4 셀을 그린 후 아무런 타일이 생성되지 않고 있습니다. 키보드 동작시에 에러도 없습니다. 강의 진행 중 아무런 에러도 발생하지 않고 코드를 역추적해가며 살펴봐도 어디 부분에서 잘못을 했는지 찾아지지가 않습니다 ㅠㅠ 도움이 필요합니다! * 깃에 올려둔 코드 주소입니다( https://github.com/Doha-Dev/game2048.git )

• redux
• react

class type 소스코드 예시

미해결

생활코딩 - React

혹시나 누가 헷갈려할까봐 올려봅니다..

• react

.gitignore 관련 문의입니다.

미해결

실무자가 알려주는 Git - 입문편

안녕하세요. 이번에 좋은 기회로 수강을 하게 되었는데요. 아직 강의 초반이긴 하지만 협업 관련 궁금해서 문의드립니다 깃허브에 A라는 프로젝트가 올라가 있습니다. 이를 로컬 pc에서 clone을 이용해서 다운로드 하여서 이클립스에 import를 하였습니다. 해당 프로젝트를 B라고 하겠습니다. A프로젝트는 tomcat7, jdk8 구성이었고 로컬PC는 tomcat9, jdk8 환경입니다. A프로젝트를 로컬로 가져온 B프로젝트에서 tomcat을 9로 설정하니 .classpath .settings/org.eclipse.wst.common.component .settings/org.eclipse.wst.common.project.facet.core.xml 등이 새로 생기더라고요 보니깐 A프로젝트를 깃허브에 올릴때 환경과 B프로젝트에서의 환경차이로 인해 생기는거 같은데요. 처음부터 .ignore 를 썼으면 모르겠지만, ignore에 작성을 하지 않아서 위의 파일들이 tracking 대상이 되는거 같습니다. 여기서 제가 하고 싶었던건 환경차이로 인해 생긴 B프로젝트의 .classpath파일같은 것을 더 이상 tracking하지 않고 B프로젝트에서 수정만 소스만 깃허브에 올리고 싶습니다. 그래서 인터넷에 찾아보니 .gitignore를 수정하고 git rm -r --cached git add . git commit -m 'remove ignore' git push {remote}{brach} 이렇게 ignore 를 수정해서 다시 올리는 방법이 있더라고요. 저렇게 해서 올리면 일단 history에 ignore 수정한 내역이 올라옵니다. 여기서 궁금했던게 깃허브에 있는 A프로젝트를 다른 제 3자가 pull을 해서 받습니다. 이때 gitIgnore로 추가한 .classpath 등의 파일이 삭제된 상태로 제3자한테 pull이 됩니다 ㅠㅠ 간략 요략드리면 A프로젝트의 .classpath는 그대로 유지하면서 로컬의 gitIgnore 대상이 아니라서 tracking 대상이 된 B프로젝트의 .classpath 파일만 tracking 대상에서 제외할수 잇는 방법은 없을까요? A프로젝트의 저런 환경파일들이 실제 서버의 배포환경부분이 포함되어 있다면 이 부분은 건들지 않고 그대류 유지만 하고 수정한 소스만 올리고 싶어서요...... 말로 하니 설명이 기네요 ㅠㅠ

• git
• github
• 버전관리시스템
• git
• gitlab
• sourcetree
• github

함수도 분리 가능한지 궁금합니다.

해결됨

웹 게임을 만들며 배우는 React

안녕하세요 제로초님 강의 잘 듣고 있습니다. 이번 강의에서 컴포넌트 분리하는 방법을 배웠는데요. 혹시 함수 부분도 기능별로 분리할 수 있는지 궁금합니다. 또 리액트에서 스타일 작업을 할때는 기존에 html에 css를 link 걸었던 방식대로 하면 될까요? 너무 초보적인 질문인가 싶긴 하지만 궁금해서 질문 남겨봅니다ㅎㅎ

• react

리덕스 툴킷 유튜브 영상

해결됨

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

안녕하세요, 제로초님 강의 잘 보고 있습니다. 예전에 유튜브에 리덕스 툴킷영상이 올라갔던걸로 기억하고, 봐야지... 하고 있었는데 없어졌네요?? 영상에 문제가 있어서 내리셨나요??

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

이런 에러는 왜 생기는건가요?

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

(node:17608) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at C:\Users\oksos\Desktop\study\PTE\loginWeb\client\node_modules\postcss-safe-parser\node_modules\postcss\package.json. Update this package.json to use a subpath pattern like "./*". (Use `node --trace-deprecation ...` to show where the warning was created) createProxyMiddleware is not a function

• nodejs
• react

<<어플리케이션 소스 변경으로 재빌드시 효율적으로 하는 법 >> 질문입니다 .

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

copy . . RUN npm install 와 COPY package. json . RUN npm install COPY . . 의 차이에서 궁금해서 질문 드립니다. 전체를 복사해오면 package.json 파일도 같이 컨테이너 안에 이동되는게 아닌가요? 왜 완성본 도커파일에서는 RUN npm install 할때 캐시에서 가져오는거죠...? 여기서의 캐시란 컨테이너의 캐시인가요? 아니면 바깥(도커 환경 전체 ) 의 캐시인가요? 그리고 저는 build과정을 기존에 있던 도커파일로 만들더라도 (수정 후 재빌드라고 가정) 새로운 img id, 새로운 container id를 갖는 별개의 컨테이너가 생긴다고 이해를 했는데 무언가 잘못 이해한걸까요...? 도대체 재빌드 과정의 캐시는 어디서 있는 누구인지 궁금합니다. 아니면 DOCKERFILE이 하나 일때는 기존에 만들었던 이미지를 토대로 컨테이너를 생성하고, 그 이미지가 특정 캐시를 가진 걸까요??(이쪽이 좀 더 맞아 보이긴 합니다) 근데 이렇게 이해를 해도 npm install을 웹상에서 다 해오는것과 캐시에서 가져오는 것의 상황 차이에 대해 이해가 잘 안됩니다. 답변 부탁드리겠습니다

• github
• docker
• aws
• 데이터 엔지니어링
• travis-ci
• cicd

선생님 질문있습니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

다른분이 질문하신건데 9:30초에 const productId = props . match . params . productId ; 여기서 props.match.params.productId 가 어디서 나온건지 잘 모르겠습니다 ㅠㅠ. App.js 에서 Auth로 감싸줘서 props가 있는건 알겠는데 match.params.productId가 어디서 나온건지 모르겠네요 ㅠㅠ App.js -> hoc/auth.js -> user_actions.js-> index.js-> routes/users.js 까지 가봤는데 잘 모르겠네요 ㅠㅠ

• mongodb
• 웹앱
• react
• nodejs
• redux

propery 'nickname' of undefined

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

삭제된 글입니다

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

세팅 제이슨

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

세팅 제이슨을 검색하면 그랩님 화면과 다르게 엄청나게 많은 코드가 뜨는데 제가 잘못 검색한건지, 그냥 이 밑에 그대로 코드를 추가하면 되는지 궁금합니다. 그리고 프리티어가 꼭 필요한지도 궁금합니다. 프리티어 없이 써왔어서 있고 없고의 차이가 현저할까요?

• express
• tensorflow
• react-native
• 머신러닝 배워볼래요?
• react
• HTML/CSS
• nodejs
• javascript