173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
사용하시는 vsc에 관련해서 질문드려요! 저도 지금 vsc를 사용하고 있는데 강의를 보다보면 자동완성 기능이 강사님이랑 저랑 다른 것 같아서요 저는 일부만 자동완성이 되는데 강사님은 여러가지를 자동완성으로 쉽게 쓰시더라고요! 혹시 js코드가 자동완성이 되는 extension이 있나요? 그리고 이건 단축키 질문인데 강의를 보면 {User}을 { User }로 바꿀 때 U자 앞과 r자 뒤로 가서 띄어쓰기를 안 하시고 단축키 눌러서 바로 바꾸시는 것 같아서요! 이건 어떤 단축키를 쓰신건가요?
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 강의 잘보고 있습니다! 강의를 보다가 궁금한점이 생겨서요! toString()대신 toHexString() 을 사용한 이유가 궁금합니다~!!
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요. 쉽고 유익한 강의 감사합니다. 강의를 듣다가 궁금한 점이 있어서 질문드립니다. <br /> FileUpload.js에서 setImage 를 사용하여 이미지 state에 이미지를 추가 하였을 때, state에 바로 적용이 안되는 이유가 궁금합니다. <br /> 이 질문을 드리는 이유는 FileUpload.js에서 이미지를 업로드 했을 때, 이미지 state에 새로운 이미지를 추가하였는데, 부모 컴포넌트(UploadProductPage.js)에게 그냥 이미지 state만 보내지 않고, 추가된 이미지도 같이 보내는 이유가 궁금했습니다. <br /> 즉, FileUpload.js의 submitHandler에서 ''' setImages ([... Images , response . data . filePath ]) ''' 이렇게 해서 이미지 state에 새로 업로드한 이미지를 추가하였으니 부모 컴포넌트에게 state 정보를 보낼 때는 ''' props . refreshFunction ([... Images ]) ''' 이렇게 보내면 될 것 같은데, 이렇게 하지 않고 ''' props . refreshFunction ([... Images , response . data . filePath ]) ''' 이렇게 방금 추가한 이미지도 같이 보내야 되는 이유가 궁금합니다.
미해결
웹 게임을 만들며 배우는 React
client.jsx에서는 require를 썼고 야구게임.jsx에서는 import를 썼는데 element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "object". 에러를 받았습니다. 구글링 해보니 한가지로 통일해야한다고 했는데 왜인가욥?
미해결
Slack 클론 코딩[실시간 채팅 with React]
커스텀 훅 useInput에서 Dispatch<SetStateAction<T>>에 관한 설명을 어디서 찾아볼수 있을까요?
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
sudo docker run -it -p 3000:3000 markcha/react 로 실행하면 잘 작동하는데 이걸 볼륨으로 돌리면 거부된 허가로 에러가 발생합니다. sudo docker run -it -p 3000:3000 -v /usr/src/app/node_modules -v $(pwd):/usr/src/app markcha/react EACCES: permission devined mkdir '/usr/src/app/node_modules/.cache'
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님~ 강의에 내용에 막힌 것이 있어 드리는 질문은 아니구 SSR 관련되어 궁금한 것이 있어 질문 올립니다. 질문의 요건을 먼저 말씀드리자면 NextJS 없이 커스텀 서버로 SSR를 제공하는 것에 장점이 무엇이 있는지 여쭤보고 싶습니다. SSR을 공부하면서 Next.js 없이 Express(or Koa) 같은 커스텀 서버에 react-router-dom 을 사용하는 방법이 있다고 알고 있는데요. 실제 제 회사의 유관 부서들 중 NextJS 없이 SSR로 서비스를 제공하는 곳이 있습니다. 제가 공부하면서 느낀 것은 SSR을 구현하면서 라우팅 방식을 제외하면, 구조가 NextJS를 따라가게 되는 것 같습니다. 비록 서비스에 프로젝트 구성을 도입한 개발자들이 저마다의 이유가 있어 세팅을 그렇게 한 것이겠지만, 대중적으로 생각하자면 직접 세팅을 다하면서 초기 개발의 overhead가 들어가는것, 프로젝트를 인수 인계할 때의 소통 비용 등을 제치고 사용할 큰 장점이 있는지 궁금합니다. 예를 들어 퍼포먼스 상승의 이유인지, File-based structure 가 싫어서 그런건지 답변을 듣고 싶습니다.
해결됨
빠르게 git - 핵심만 골라 배우는 Git/Github
프로젝트 폴더 위치를 변경하게 되면 로컬저장소의 위치가 바뀌게 되는건가요..? 그럼 원격저장소에도 영향을 미치는지 궁금합니다. 폴더는 그냥 자유롭게 위치를 변경해도 되나요? 그리고 프로젝트폴더의 내용을 push한 후 로컬저장소에서 그 파일들을 삭제하는 건 원격저장소에 영향을 미치지 않는지도 궁금합니다.
미해결
지옥에서 온 Git
ssh라는 폴더에서 known_hosts라는 파일이 왜 생겼는지도 궁금합니다. 그리고 known_hosts라는 파일을 열어보았는데 적혀있는 ip가 동일한 유저들을 접속을 허용하는 것 같은데 이는 어떻게 삭제할 수 있는지도 궁금합니다.
미해결
웹 게임을 만들며 배우는 React
안녕하세요 강의 정말 잘 보고 있습니다. 강의 도중에 많이 사용하시는 map 함수에 대해 질문이 있어 글을 작성하게 되었습니다. 로또 만들기에서 {renderNum . map ( ( v ) => < div key ={ v } >{ v }</ div > ) ;} 이런식으로 사용하셨는데 이 구문을 그냥 바로 return에 넣으면 화면에 나타나지 않고 return 구문전에 변수에 담은 다음에 return 문에 변수로 나타내주어야 화면에 잘 나오는 현상이 있는데 리액트 버전이 올라가면서 바뀐 부분인 건가요? 아니면 제가 혹시 실수한 것이 있는건가요?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
console 창 가져온건데 서버-클라이언트 코드가 달라 변경도 해보았는데 안되서 어떻게 해야할지 모르겠습니다ㅠㅠ 도와주세요ㅜㅜ 서버쪽코드 const request = axios . get ( ` ${ USER_SERVER } /auth` ) 클라이언트코드 router . get ( "/auth" , auth , ( req , res ) => {
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
선생님 안녕하세요. 제가 몇가지 질문이 있습니다. 1. 에러 로그 확인 방법 질문 제가 선생님처럼 코드를 한번에 잘 작성하면 좋겠지만, 따라하는 과정에서 에러가 발생하였습니다. 현재 선생님 코드를 복사하여 docker 관련부분만 수정해서 작동은 합니다. 하지만 제가 다음에 aws를 사용할 때 이러한 에러가 발생한다면 어떤 오류인지 확인을 어떻게 해야할지 모르겠습니다. 예를 들어 travis ci는 Job log라는 창에서 빌드할때 에러를 확인할 수 있었습니다. 하지만 aws는 travis ci에서 성공적으로 빌드해도 에러가 발생하였는데 무엇을 고쳐야 하는지 저는 알 방법이 없었습니다... 또한 로그를 다운받아 봤지만 그파일 안에서도 다양한 txt 파일들이 있었습니다. 하지만 정작 제가 발생한 error를 어디서 확인해야 할 지 모르겠습니다.. 이러한 상황일 떄 선생님 께서는 어떻게 에러를 확인하시고 어디서 실마리를 찾는지 여쭤보고 싶습니다. 아래는 제가 에러가 발생 하였을떄 상황입니다. 2. 혹시 이러한 에러 코드가 나왔을때 선생님꼐서 정확한 정답을 내려주실수는 없어도 경험상 이러한 경우에 나온다고 말씀해주실 수 있을까요? 에러가 발생하는 경우가 다양한 것도 인지하고 있습니다. 정확히 A라는 상황에서 이런 로그가 남습니다. 라는 답변이 아니어도 선생님께서는 이러한 에러를 직면하신다면 어떻게 해결하려고 시도하실지 궁금합니다.. 2021-03-07 02:38:05 UTC+0900 WARN Environment health has transitioned from GREEN to YELLOW 2021-03-07 02:38:05 UTC+0900 WARN Elastic Load Balancer app/awseb-AWSEB-1UN2OUGOSAYCD/1ad65aededf55f2d has zero healthy instances. 2021-03-07 02:37:18 UTC+0900 ERROR During an aborted deployment, some instances may have deployed the new application version. To ensure all instances are running the same version, re-deploy the appropriate application version. 2021-03-07 02:37:18 UTC+0900 ERROR Failed to deploy application. 2021-03-07 02:37:18 UTC+0900 ERROR Unsuccessful command execution on instance id(s) 'i-0201a69c0018de7b0'. Aborting the operation. 2021-03-07 02:37:18 UTC+0900 INFO Command execution completed on all instances. Summary: [Successful: 0, TimedOut: 1]. 2021-03-07 02:37:18 UTC+0900 WARN The following instances have not responded in the allowed command timeout time (they might still finish eventually on their own): [i-0201a69c0018de7b0]. 2021-03-07 02:23:15 UTC+0900 INFO Deploying new version to instance(s). 선생님께서 바쁘실테지만 시간 괜찮으실 때 답변해주시면 정말 감사하겠습니다. 감사합니다.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
sagas/index.js의 axios default url을 localhost 나 혹은 api.nodebird-hyun.shop 으로 바꾸면 ssr 로그인 유지가 안되요 axios.defaults.baseURL = 'http://127.0.0.1:3065'; // ssr 로그인 유지 o // axios.defaults.baseURL = 'http://localhost:3065'; ssr 로그인 유지 x // axios.defaults.baseURL = 'http://api.nodebird-hyun.shop'; ssr 로그인 유지 x 로그인 시점에서 쿠키가 생성은 되는거 같은데 application 탭을 열어보면 없는데 이유가 무엇일까여? 알려주시면 감사여
미해결
실전 리액트 프로그래밍
sotre.js 부분의 sagaMiddleware.run(rootSaga) 에서 sagaMiddleware.run(searchSaga) 로 바로 사용하지 않고 rootSata 를 만든 이유는 여러개의 미들웨어를 관리할 수 있도록 하기 위해 한 것 인가요?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
강의와 관련있는 질문 을 남겨주세요. • 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등) • 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색 을 해주세요. (중복 질문을 자제해주세요.) • 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’ 를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달 에도 요령이 필요합니다. • 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요. • 강의실 페이지 (/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다. • 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재 해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드 를 남겨주세요! 구체적인 질문 일수록 명확한 답을 받을 수 있어요. • 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요. • 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요 . • 정확한 질문 내용과 함께 코드 를 적어주시거나, 캡쳐 이미지 를 첨부하면 더욱 좋습니다. 기본적인 예의 를 지켜주세요. • 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용 은 스팸 처리 등 제재를 가할 수 있습니다. 제가 리액트만 공부하고 싶어서 섹션 2부터 보려고 하는데 섹션1, 2 나눠진 내용인가요 아니면 연달아 봐야하나요?
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
안녕하세요 질좋은 강의 감사합니다. 해당 명령어 사용 시 docker run -it -p 3000:3000 -v /usr/src/app/node_modules -v $(pwd):/usr/src/app test/myapp 이런 오류가 출력됩니다.. Failed to compile. EACCES: permission denied, open '/usr/src/app/node_modules/.cache/.eslintcache' Failed to compile EACCES: permission denied, open '/usr/src/app/node_modules/.cache/.eslintcache' This error occurred during the build time and cannot be dismissed. -v /usr/src/app/node_modules 해당 부분 제외하면 정상적으로 작동합니다. 제가 놓친 부분이 있을까요 ?
해결됨
실전 리액트 프로그래밍
안녕하세요. 강의 'react-redux 없이 직접 구현하기'를 듣던 중 궁금한 점이 있어 질문하게 되었습니다. 강의에서 아래와 같은 코드를 작성하셨습니다. const [, forceUpdate ] = useReducer ( ( v ) => v + 1 , 0 ) ; 설명하실 때 "상태값 변경 함수(forceUpdate)를 호출할 때마다. 상태값을 변경하는 코드이다. 이 함수(forceUpdate)가 호출될 때마다 컴포넌트를 렌더링하기 위해 작성했다."라고 말씀하셨습니다. 그런데 여기서 "컴포넌트를 다시 렌더링하는 것은 useState를 써도 되지 않을까?" 하는 생각이 들어 해당 라인에 useReducer를 useState로 바꿔서 실행해보니 오류는 발생하지 않았지만 timeline이 하나밖에 추가가 되지 않았습니다. useReducer를 사용한다는 것은 redux에서 발생하는 모든 action들에 대해 감지를 한다는 뜻일까요? 위의 코드가 정확히 구체적으로 어떤 역할과 효과를 가져오는지 잘 모르겠습니다. 답변 주시면 감사하겠습니다.
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
POSTMAN에서 req 전송 시 무한로딩이 발생하고 있습니다.ㅠㅠ다른분들 질문도 보고 ; 표시도 하고 강사님 깃허브랑 비교도 해봤는데... 다른 걸 못 찾겠어서... postman으로 테스트 시 어디서 문제 생기는지 확인하는 방법도 모르겠어서 염치없지만... 시간 되시면 확인부탁드립니다.ㅎㅎ ㅠㅠㅠ
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
윈도우 사용자이고 %cd%:/usr/src/app 으로 했지만 계속 오류나서 직접 파일 경로를 지정했더니 이렇게 오류가 납니다 ㅠㅠ docker: Error response from daemon: invalid mode: /usr/src/app. 어떤 부분이 잘 못된 건가요...?
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문은 아니고 이번 강의 안에 들어가는 자막에 유독 오타도 많고 크기가 커서 수정이 필요해보입니다.
