월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
react-router-dom v6 관련
https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom/69849271#69849271 react-router-dom v6 에서는 위와같은 수정사항이 있으니 다른 분들 참고하시면 좋을 것 같습니다.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
리팩토링 이후 정상동작을 하지 않습니다.
안녕하세요. 리팩토링 진행 이후 /images경로가 404이 뜨기 시작하면서 앱이 정상작동을 하지 않네요. 강의 내에서 리팩토링 진행하신 후에 앱을 테스트 하는 과정도 빠져있는 상황이라, 제가 잘못한건지, 아니면 강의 내용 자체에서 무언가 절차가 빠진건지 확실하지 않아서 강의를 여러번 따라해 봤지만 결과는 마찬가지였습니다. 나중에 고쳐지는 이슈인지, 아니면 제가 뭔갈 잘못 따라한건지 궁금합니다. 감사합니다.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
cdn 관련 질문
안녕하세요 선생님. cdn을 사용할 경우 origin server에 있는 이미지가 수정되었는데 cdn 서버의 ttl로 인해 cdn 서버에는 수정하기 전에 이미지가 캐싱되있는 문제가 발생 할 수 있잖아요!이를 위한 해결방안을 찾아보니 aws cloudfront는 캐시 무효화 기능을 제공해주더라고요. 여기서 궁금한 점이.. 캐쉬 무효화를 적용하면 cdn 서버에 캐시가 되지 않고 매 요청 시 origin server로 요청하게 되어 cdn을 사용하는 이유가 사라질거라고 생각이 되는데 어떤 원리로 캐시 무효화 기능을 제공하는 것 인가요??감사합니다 !!
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
저장된 이미지 바로 로딩되지 않는 문제 해결하기
안녕하세요 선생님 해당 문제를 해결 하기 위해 처음에는 클라이언트에서 서버를 거치지 않고 업로드 한 파일을 바로 보여주고 이후에는 리사이징 된 파일을 보여주는 플로우는 어떻게 생각하시나요?또한 리엑트 뿐만 아니라 다른 프레임워크나 앱 클라이언트에서도 강의와 같이 문제 해결을 하는 것이 효율적인지 궁금합니다.감사합니다! ps) 선생님 멘토링 진행은 안 하십니까..?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
페이지네이션 관련 질문입니다.
강의들 들다가 리덕스에서는 서버에서 가져온 데이터들을 계속 가지고 있는데 서버에 부하를 줄일수있다고 생각했는데요. 실제로는 한번 불러온 데이터들을 캐싱을 하나요 아니면, 다른페이지에 들렷다가 페이지네이션 기능이 있는 페이지에 다시 오면, 서버에서 똑같은 데이터를 다시 처음부터 가져오나요? 이 부분이 리덕스랑 연결이 되면서 어떤 방법이 맞는건지가 궁금합니다. 캐싱을 하게되면 데이터를 추가, 삭제했을때 서버랑 일관성이 없어질거 같기도하고 헷갈려네요,.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
완료된 소스
안녕하세요 혹시 완료된 커밋 소스는 볼 수 없을까요...?
- 해결됨이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
bcrypt.hash() 함수 사용 시 salt 관련
안녕하세요! 좋은 강의 잘 듣고 있습니다. 다름이 아니라 강의에서 사용하신 bcrypt 라이브러리를 더 공부하고 싶어 문서를 보다가 궁금한 점이 있어 두 가지 질문드립니다. 먼저 bcrypt.hash() 함수의 두 번째 매개변수로는 salt가 들어가야하지 않나요? 강의에서는 10을 round의 의미로 사용하시던데 이를 위해선 bcrypt.genSalt(10)과 같이 salt 생성 메서드를 사용해야 하는 것으로 보입니다. 그리고 동일하게 10이라는 값을 salt로 사용했는데 hash값이 달라진건 bcrypt 라이브러리 내부적으로 다른 로직이 있기 때문일까요?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
React 관련 궁금한게 있습니다.
리액트 관련해서 질문이 있습니다. 지금까지는 리액트를 로컬에서만 불러오고 있는데요. 외부에서 접근을하려면 서버에 올려야하잖아요? 이런건 어떻게 aws서버에 올리는지 궁금합니다. aws와 react 강의니깐 강의에 맞는 질문 같은데 아니면 알려주세요.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
이미지 업로드 시점 질문입니다.
안녕하세요. 강의 다시한번 듣고있는 중에 이미지를 서버로 보내는 시점에 대한 궁금증이 생겨서요. 서버로 이미지를 보내는 방법이 크게 2가지가 있다고 생각하는데요.1. image들과 title, description을 submit 버튼을 유저가 누르게 되면 서버로 한꺼번에 보낸다 2. 유저가 이미지를 올리자마자 프론트앤드에서 서버로 이미지를 바로 보내고 접근할수 있는 url을 response로 받아온다. 2-1 FE는 추가,삭제,순서등을 react state로 관리하고 이미지 title, description과 같은 string 값들을 submit button을 누르게 되면 image들의 url과 같이 서버로 보낸다. 어떤게 실제 서비스하는데 적합한가요?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
DB에 없는 이미지 출력안하도록
제가 프로젝트를 노트북과 데스크탑으로 왔다갔다하다보니 upload에 저장되지 않은 이미지들이 있네요. DB에는 이미지 네임이저장되다보니 DB에 없는 이미지가 기본 default이미지로 출력되고있습니다. (default이미지=> 아무것도 없는 이미지) 이럴경우 어떻게 처리해야할까요? 아예 안보여주고 싶은데 DB에 데이터를 지워야하기도 애매하고 react에서 이미지데이터가 없는경우 안보여지게 할 수 있을까요?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
ImagePage에서 추천시 TypeError: Cannot read properties of undefined 에러
추천 버튼 누르면 저런오류가 나고 새로고침하면 정상적용됩니다 TypeError: Cannot read properties of undefined (reading '_id') const image = images.find((image)=> image._id ===imageId)|| myImages.find( (image)=> image._id ===imageId)이 부분에서 오류가 나는데 잘모르곘어요 . 동기화와 관련된거 같기는한데 정확하게 모르겠습니다
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
sessionid 값이 서버에서 [object Object]
sessionid 값이 서버에서 [object Object] 로 오는데 그래서 그런지 로그아웃이 안됩니다.
- 해결됨이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
보너스 섹션
선생님, 보너스 섹션으로 배포모드와 코드를 공개하신다는 얘기를 들었는데 언제 올라오나요? 매우 기다리고 있습니다 :)
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
로그인 되고나서 로그아웃이 안되네요 왜그러는 걸까요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 해결됨이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
cors 에러는 나오지않고 starts-with에러가발생합니다
강사님 cors강좌쪽 보고있는데 에러가 Invalid Policy: Invalid Condition: unknown operation 'starts-width'. ㅇ게 발생합니다.. 영상코드와 비교해봐도 다른게없고, 정책설정, 등등 전부 똑같은데 에러가 발생하는 이유가 뭘까요 ㅠ잘안되서 공식문서 보면서 이것저것추가하는데도 잘안되네요... https://docs.aws.amazon.com/AmazonS3/latest/API/RESTObjectPOST.htmlhttps://docs.aws.amazon.com/AmazonS3/latest/API/sigv4-post-example.html이걸 다봐도 잘안됩니다 ㅠ깃헙 주소는 : https://github.com/WachsenHaus/imageUploader_study입니다. 최근 커밋으로 프리사인드 부분을 추가하였습니다
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
upload.single("image")
저기 중간에 들어가는 부분이 어떻게 처리되는지 그림이 있으면 좋겠네요.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
$ 표시는 왜 쓰는걸까요?
$ 표시는 왜 쓰는걸까요?
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
useEffect의 deps에 함수가 들어가는 의미, 그리고 뒷정리 함수에 대한 질문
안녕하세요,강의가 저에게 많은 도움이 되고 있습니다😄 강의를 수강하는 도중 몇가지 궁금한 것이 있어 질문 드립니다. 1. useEffect에 변수값(useState 포함)이 들어가는 것으로 알고 있었는데,함수가 들어가는 것은 어떤 의미인지 궁금합니다.함수가 변경될때마다 useEffect가 실행된다라는 뜻인 것 같은데,함수가 변경된다는 뜻은 무엇일까요?(deps에 들어가는 함수의 인자들이 변경된다는 뜻은 아닌 것 같아서요...) 2. 뒷정리 함수를 사용하는 이유를 확실하게 알고 싶습니다.현재 사용된 뒷정리 함수를 return (뒷정리함수) 에 두지 않고,그냥 useEffect의 이펙트 부분에 함수를 실행하면 안되는 것인가요? 제 생각에서는 그냥 본 이펙트를 실행하기 직전에observer.disconnect() 를 실행시켜도 비슷한 결과를 가져오지 않을까라는 막연한 생각이 들어서요. 그래서 윗 부분의 두가지 궁금증을 해결하고자 질문을 남깁니다. 감사합니다.
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
안녕하세요 강사님 다음강의 그래프큐엘을 찍는다고 하셔서 글남깁니다.
안녕하세요 강사님 다음 강의를 찍으실때 VSCode를 조금 확대해서 해주실수있을까요? 맥북16인치로 보는데 화면이 좀 작습니다..ㅠㅠ 그리고 그래프큐엘 강의 기대가 되요 ^^
- 미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
이미지 재호출
React - Authentication/ToolBar 만들기 강의 중 에서 선생님께서 하신 Home ->Login ->Home으로 Link타고 갈때 Home에서 이미지를 재호출 하지 않던데 저는 재호출이 되고 있습니다. <HOME ->LOGIN -> HOME 했을때 network에서 이미지 재호출 되는 사진> <이미지 호출 코드>