묻고 답해요

슬랙 초대 부탁드립니다!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

hyuns6677@gmail.com 강의 잘 듣고있습니다. 감사합니다!

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

장고는 원래 서버가 잘 죽나요?

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

강사님 안녕하세요~ 서버가 잘 죽는데~ 실제로 장고를 배포하고 서비스를 24시간 7일 운영하려면 서버가 안전성이 있어야 하는데~ 혹시 코드를 안전하게 구현을 못해서 강습보며 따라할때 잘 죽는건가요? 아니면 장고 프래임워크로 짠 서버가 원래 잘 죽는건가요? 스프링보다 장고가 훨씬 시장이 작은데 강습보며 연습하다 서버가 잘 주는걸 보고 장고 웹 프레임워크가 성능이 안좋아서 장고 쓰는 회사가 스프링에 비해 적은건가? 라는 스스로 걱정이 있어서 질문드립니다~

• 서버죽음
• django
• python
• docker
• react

React devtools 확장프로그램 적용이 안 됩니다.

미해결

웹 게임을 만들며 배우는 React

index.html을 열었을 때 뿐만 아니라 어떤 페이지에 있어도 이렇게 비활성화 상태입니다. 개발자 도구 탭에 Component, Profiler도 뜨지 않구요. 파일 URL에 대한 액세스는 허용해두었는데 파일이 아니어도 모든 페이지에서 작동이 안 되는 것으로 보아 이 문제가 아닌 것 같아 질문드립니다. 무엇이 잘못된 것인지 모르겠습니다.

• react

conflict가 많은 파일에서 발생하는 경우

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

안녕하세요. 함수명 변경, 변수명 변경 등으로 많은 파일에서 conflict가 발생하면 개별 파일별로 merge 작업을 하기 비효율적인데요. 이럴 경우 git에서는 어떻게 merge 를 해야 할까요? svn의 override commit 이나 override update와 유사하게 처리할 수 있는 방법이 있을까요? 감사합니다.

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

yarn run server 에러 발생

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

yarn 워크스페이스 구성하고 필요한 패키지를 설치했는데 nodemon ./src/index.js 위 커맨드 실행시 에러가 발생합니다. yarn 2 버전을 사용하고 있는데 버전 1로 다운그레이드 해도 동일한 현상이 발생하네요.. 의존성 관리에 문제가 있는 것 같은데 해결책이 있을까요? 폴더 구조는 강의와 동일합니다. // package.json { "version" : "1.0.0" , "name" : "node-graphql" , "private" : true, "workspaces" : [ "client" , "server" ] , "scripts" : { "frontend" : "yarn workspace client start" , "server" : "yarn workspace server start" } } // server/package.json { "version" : "1.0.0" , "name" : "server" , "main" : "index.js" , "type" : "module" , "license" : "MIT" , "dependencies" : { "cors" : "^2.8.5" , "express" : "^4.17.1" , "uuid" : "^8.3.2" } , "devDependencies" : { "nodemon" : "^2.0.15" } , "scripts" : { "start" : "nodemon ./src/index.js" } } 에러 내용 (node:76305) ExperimentalWarning: The ESM module loader is experimental. internal/modules/run_main.js:54 internalBinding('errors').triggerUncaughtException( ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'express' imported from /Users/iyuun/WebstormProjects/node-graphql/server/src/index.js Did you mean to import express-npm-4.17.1-6815ee6bf9-c4b470d623.zip/node_modules/express/index.js? server 폴더에서 express 깔았는데도 그러네요..

• 에러
• react
• rest-api
• graphql

react router v6 에서 hoc 컴포넌트(Auth)에서 useNavigate() 를 사용할 수 없나요?

미해결

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

react router v6 에서 hoc 컴포넌트(Auth)에서 useNavigate() 를 사용할 수 없는지 궁금합니다. 강사님의 강의를 듣다가 react router v5 로 계속하려했으나 옛날방식이라 신경쓸게 너무 많아 v6 를 쓰고 있었습니다. hoc (Auth) 에서 강사님이 history.push 를 쓰셨는데 v6 에서는 useNavigate()를 쓰라고 합니다. 근데 useNavigate() 를 쓰니 Router 컴포넌트 안에서만 쓸 수 있다고 하더군요. 근데 App.js를 보시면 Router 안에 hoc(Auth)가 들어있지 않습니까? 그런데 왜 사용을 못하는지, 그렇다면 어떻게 해야하는지 궁금합니다. 마지막인데 속썩이네요;;

• useNavigate()
• react
• nodejs
• reactrouterdom

혹시 지금 준비하고 계시는 다른 강의가 있나요?

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

안녕하세요 ~ 덕분에 장고강의 재밌게 듣고있습니다. 밑에서 질문에 대한 답글중에 강의를 준비중에 있으시다고 하셨던것같은데 django의 다른강의를 준비중이신가요? 그렇다면 언제쯤 나오나요?

• django
• react
• docker
• python

연결에러 나시면 보세요.

미해결

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

6.0 이상부터는 useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false 내용이 기본 적용으로 위 내용을 주석처리나 지우고 실행 하시면 잘 연결 됩니다~

• 에러
• nodejs
• react

스토어에 들어있는 값 사용하기

미해결

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

안녕하세요! 저번 질문에서 강사님께서 라는 질문에 대하 라고 답변을 해주셨는데요! 그렇다면 다른 파일(예를 들어 RegisterPage.js 등 디스패치를 쓰는 곳들을 뜻합니다!) response.payload라고 쓰지 않고 loginSuccess, register,userData 등의 스토어에 저장된 값을 다른 파일에서 직접 사용하고 싶다면 어떻게 해야되나요? 강의에서도 스토어에 있는 값을꺼내쓰지않고 와 같이 직접 처리를 해주었는데, 특별한 이유가 있나요 ?? 감사합니다.

• nodejs
• react

버전 충돌 질문

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

위와 같은 에러는 어떻게 처리하면 될까요 ?

• react
• devtools

리덕스랑 props

해결됨

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

리덕스에서 관리되는 데이터는 props로 넘기는 대신 redux 접근해서 바로 가져와도 성능적인면에서 크게 상관없나요? 컴포넌트끼리 props 넘기는 과정이 귀찮고 나중에 코드볼때 어떤 데이터가 넘어가야되는지 확인해야되서 리덕스로 웬만한건 다 처리하려고하는데 상관없나요?

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

production 환경에서의 volumn의 장점

미해결

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

강의 너무 잘 듣고있습니다 감사합니다~^^ 제 질문은 배포환경(Elastic bean stalk)에서는 docker-compose.yml에 volume으로 매핑한다면 참조가 되지 않을 것 같은데요 가령 아래와 같은 docker-compose.yml을 master에 푸쉬해서 code pipeline으로 Beanstalk에게 넘겨줘서 컨테이너를 실행시킬 것인데, 그 컨테이너안의 /app 폴더가 로컬폴더인 ./frontend 를 가리킬 것 같지는 않은데요. 그렇다면, volume은 배포환경이 아닌, 개발환경에서의 편의를 위해서 사용하는 것인가요? 감사합니다. version : " 3 " services : frontend : build : dockerfile : Dockerfile.dev context : ./frontend volumes : - /app/node_modules - ./frontend:/app stdin_open : true

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

커스텀훅 작성할 때 axios 부분을 별도의 파일로 만들어서 호출 할 경우 type error 가 나타납니다.

미해결

실전 리액트 프로그래밍

안녕하세요. typescript 와 create-react-app 을 사용하여 공부중인데요. 커스텀 훅을 만들어서 비동기 API를 호출하여 테이블에 노출하는 기능을 구현하다가 도저히 답이 안나와서 질문드립니다. useState와 useEffect 를 사용하여 비동기 API를 set 하는 커스텀훅을 만들었고, axios 를 호출하는 별도의 파일을 만들어서 사용중인데 const [items , setItems] = useState <coronaApiProps[]>() ; const coronaItems = getCorona () ; useEffect (() => { setItems(coronaItems) ; } , []) ; 이렇게 사용하니 아래처럼 에러가 나타납니다. TS2345: Argument of type 'Promise<coronaApiProps[]>' is not assignable to parameter of type 'SetStateAction<coronaApiProps[] | undefined>'. Type 'Promise<coronaApiProps[]>' is not assignable to type '(prevState: coronaApiProps[] | undefined) => coronaApiProps[] | undefined'. Type 'Promise<coronaApiProps[]>' provides no match for the signature '(prevState: coronaApiProps[] | undefined): coronaApiProps[] | undefined'. coronaApiProps 는 제가 만든 인터페이스입니다. 해당 에러가 나타나서 useEffect 안에 const [items , setItems] = useState <coronaApiProps[]>() ; // axios 로 api 호출 const coronaItems = getCorona () ; useEffect (() => { coronaItems. then (response => { setItems(response) ; }) ; } , []) ; 이렇게 사용하니 커스텀훅을 두번 호출합니다. 그래서 axios 파일을 분리하지 않고 커스텀훅 안에 사용하면 커스텀훅을 한번만 사용합니다. api를 호출하는 axios 파일을 분리하고 사용할 수 없나요? 필요하면 github 추가해드릴 수 있습니다.

• typescript
• react
• redux
• react
• axios

ppt 자료 요청드립니다.

미해결

팀 개발을 위한 Git, GitHub 입문

안녕하세요. 강의 잘 보고 있습니다. 강의 자료 부탁드립니다. zavarat@gmail.com

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

Failed to compile.

미해결

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

실행시 아래와 같은 오류가 발생합니다. 아무리 구글링해봐도 안보이네요. [에러내용]

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

정리가 잘 안됩니다.

미해결

실전 리액트 프로그래밍

이전 과정까지는 잘따라왔는데 어느순간부터 npm start시 오류가 납니다. 1. visual studio code - 터미널에서 실행하는것과 / window [cmd]에서 실행하는것과 같은것이죠? 2, package.json / package-lock.json 두파일은 실행하는 프로젝트 안에 존재하면 되나요? 3. node_modules 을 삭제해도 해결이 되지 않아 답답합니다. 초기 오류는 webpack version이 달라서 생긴 문제였는데 지금은 프로젝트 폴더에서 npm start시 아래와 같은 오류가 뜨는데 도움 주실수 있나요 ㅜ 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! suspense@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the suspense@0.1.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install? npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\seulki-office\AppData\Roaming\npm-cache\_logs\2021-11-16T08_31_43_225Z-debug.log

• react
• redux

슬랙 초대 부탁드립니다.

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

dguk@student.unimelb.edu.au 슬랙 초대 부탁드립니다! 감사합니다.

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

ts(1005) 에러가 발생합니다

미해결

(사진)

• node.js
• react

google 첫 페이지에서 사용하는 페이지

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

강의와 관련없지만 , 구글창키면 처음 나오는 페이지입니다! 웹팩 관련한 페이지 같은데 혹시 어떻게 설정하신건가요 ?! 추가로 private로 설정하면 AWS S3에서 올라간 이미지들을 불러올 때 캐싱이 적용이 안되는건가요 ? 내 브라우저 기준이 어떤건지 잘 모르겠습니다.

• react
• devtools

http://localhost:3060/post/1에서 에러가 발생했습니다..ㅠ

미해결

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

바쁘실텐데 질문드려서 죄송합니다. 영상을 보고 따라하며 공부하고 있는데 localhost:3060/post/1에서 에러가 발생했습니다. 그전까지 잘 따라했다고 생각했는데 이유를 잘 모르겠네요.... 원인을 알려주시면 진심으로 감사드립니다.....ㅠ

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