33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지 삽입 질문!
안녕하세요! 이미지 저장 시 로컬에서 multer로 하잖아요. heroku 배포시 aws-s3 안써도 로컬에서 data 폴더를 만든채 배포하면 path 모듈써서 __dirname과 조합해서 data안에 이미지 저장할수있는거 맞나요? 로컬이 윈도우라면 배포했을때 linux 경로 다 고려해야하나요? path로 다 해결되는지 궁금합니다,, ---------------------------------------------------------------------------------------------------------- 예를 들어 제가 현재 정체되어있는 부분을 말씀드리자면, path.join(__dirname,'../../client/src/components/views/Counsel/a.img') 이렇게 했을때 윈도우인 로컬에선 C:\Users\문지호\Desktop\WebProject\Web_Capston\client\src\components\views\Counsel\a.img' 배포했을때는 /app/client/src/components/views/Counsel/a.img 이렇게 경로가 확인되고 heroku log를 볼때 app이 최상위 디렉토리 인거같습니다. 일단 로컬에선 잘 작동하는데 heroku에선 안되는것 같습니다. ---------------------------------------------------------------------------------------------------------- heroku를 추가로 찾아보니 동적파일생성이 안되는거같더라구요.. 그럼 임시저장할 곳이 필요한데 aws s3밖에 답이 없는건가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
몽고디비 접속도 에러가 나네요
Build New Cluster 누르면 There was a problem fetching your clusters. 라고 뜹니다. 강의 내용과 현재 몽고디비사이트가 너무 다릅니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
로그인 시, set-cookie 가 response 에 들어가 있는데, redirect 후 cookie 정보가 없습니다
안녕하세요. 로그인 성공까지는 back-end 에서 확인 되었지만, page 가 redirect되어 로그인이 되지 않은것으로 인식 됩니다. {isAuth: false, error:true} 의 json 값이 들어오길래, 네트워크 탭과 어플리케이션 탭으로 확인해 보았더니 쿠키는 set-cookie로 잘 들어오는 것은 확인 되었지만, 그다음 /auth 에서는 쿠키 정보가 넘어가지 않는 것 같습니다. 쿠키 관련해서는 건드린게 없습니다만, 무엇이 잘못 되었는지 유추할 수 있는 방법을 알려주시면 감사하겠습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
디스패치후 .then에 관해서 질문 있습니다
디스패치후 .then으로 데이터를 받아오시는데 리덕스 state에 저장하는 경우와 , then을 사용해서 데이터를 받아올때의 기준점이 궁금해용! 어떤분들은 디스패치해서 액션함수를 실행시켜서 리듀스에서 전체 state에 저장시켜준후 그 정보를 활용하는 한편, 강사님은 디스패치로 액션함수를 실행시켜준후, then을 이용해서 사용해주십니다. 제가 느끼기에 전자가 후자보다 손이 더 많이가고 코드가 복잡해진다?고 느껴지지만, state를 리덕스에서 관리 할 수가 있어서 나중에 유지보수에서 편리함이 있지않을까? 라고 생각하고있는데용.. 애송이다보니까 제 생각이 틀린것같아서요 ㅠㅠ 혹시 강사님만의 기준점이 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카트 페이지에서 카트에 넣은 품목이 안뜨는 경우가있습니다.
총 두개를 넣었는데 하나만 뜨는경우가 자주있습니다. 안떳을때 새로고침을 해주면 제대로 뜨고요. 이런 경우 어떤걸 의심하고 어떻게 접근해야할까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Add to Cart 버튼을 눌렀을때 이미..
안녕하세요! Add to Cart 버튼을 눌러서 카트에 담았을때 이미 quantity 카운터가 1 이상으로 바뀌는데 getCartItems 액션 함수중 아래 코드를 굳이 이용해야하는지 궁금합니다 userCart.forEach((cartItem) => { response.data.product.forEach((productDetail, index) => { if (cartItem.id === productDetail._id) { response.data.product[index].quantity = cartItem.quantity; } }); }); 그래서 코드를 지우고 실행해 봤더니 quantity 가 모습을 감추던데.. 왜 그런것인지 생각하다가 호흡곤란이 올 것 같습니다.. 제가 생각하기엔 이미 Add to Cart버튼을 눌러, 서버에서 quantity를 추가시켜주거나 1을 주었고. 카트페이지에서는 user.cart에 있는 것들을 불러와주면 그안에 quantity도 있어야하는거 아닌가..라고 생각을 해봤는데 혹시 제가 틀린 것 일까요? 제 질문이 너무 애매모호하고 무슨 소리인지 모르겠다면 🥕을 댓글에 달아주세요! 감사합니다,,
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
split, map 사용방식 궁금한게 있어서 질문드립니다
MDN에 따르면 split는 배열을 반환한다고 명시되어있습니다 console.log를 찍어본 결과, if (type === 'array') { // id =123123,123123,123123 이거를 // productIds =['123123','123123','123123'] 이런식으로 바꿔주기 let ids = req.query.id.split(','); console.log('ids:', ids); productIds = ids.map((item) => { return item; }); } 해주면 ['123123','123123','123123,'] 이렇게 배열이 담깁니다. 그러면 굳이 map을 사용해서 productId에 담아줄 필요가 없지 않을까란 생각이 들었습니다. map을 사용안해주도 괜찮을까요?? 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
axios 쿼리에 대해서 질문있습니당
axios.get(`/api/product/products_by_id?id=${productId} &type=single`) 위의 코드 대신에, 이렇게 작성해도 될까요? 예를들면.. axios.get(`/api/product/${productId}`); 이런식으로 프론트에서 코드 작성후 서버에서 처리해줄때는, router.get('/:id', async (req, res) => { try { const post = await Post.findById(req.params.id)......} 이런식으로 작성 해주어도 될까요? 강사님이 코드 저런식으로 작성해준 이유는 성능면에서 더 뛰어나기 때문일까요? 궁금한게 너무 많아 여기저기 글쓴거같은데 죄송합니다 ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
async/await 을 사용하면 exec()를 사용안해도 될까요?
틀린 지식일수도 있지만, exec()가 promise라고 알고있습니다. 몽고4부터exec()를 작성안해도되지만 작성해주는걸 추천한다고 합니다. 그럼 async/await를 사용하면 exec()를 작성안해줘도 되는걸까요? 강사님은 exec()방식을 선호하시나요, async/await 방식을 선호하시나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
선생님 props로 가져오는 방식 질문있습니다.
부모컴포넌트에서 받은 props를 받아올때 const child => (props) => { {props.something} } 이렇게 받아오는 방식과, const child => ({something} )=> { {something} } 사용하는 방식이있습니다. 그냥 사람마다 편한 방식을 사용하는것인가요? 선생님은 props 이렇게 사용하시는데 실무에서도 저렇게 사용하시는지 또 어떤방식을 더 선호하시는지 궁금합니다 개인적으로 저는 후자의 방식을 사용하고있는데 받아오는것이 많은 자식컴포넌트같은 경우 지저분해질것 같다란 생각이 드네용
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
서버쪽에서 json으로 프론트에 반환해주는 정확한 이유는 뭔가요?
안녕하세요! 서버쪽에서 json으로 프론트에 리턴해주는 이유가 궁금해요! return res.status(200).send({ success: true, productInfo });이렇게 send로 보내줘도 프론트단에서 콘솔 찍으면 잘 받아와 지는것 같은데요 json은 키 와 값으로 되어있는 문자열이고, 문자열로 이루어진 데이터만 네트워크(?)를 통해 전달될 수 있어서 그런걸까요? 가르침 부탁드립니당!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
시작부터 에러가 나네용
아래 캡처와 같은 에러가 발생하면서 설치가 안되네요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
오류해결 도와주세요. ...5분 40초까지 들었습니다..!
계속 이오류가나는데 원인을 모르겠어요 ㅜ 현재까지코드 github 업로드 했습니다. https://github.com/yewonbahn/react-shop-study
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
setProducts(...Products, response.data.productInfo); 이렇게 작성해주어도 괜찮을까요?
setProducts(response.data.productInfo); 위의 코드를 아래와 같이 변경해서 사용하고자합니다. setProducts(...Products, response.data.productInfo); 문제 없을까요? 사실 이 구간에선 스프레드 문법이 필요없어보이긴합니다. 그 이유는 이 랜딩페이지는, 페이지에 입장하자마자 혹은 새로고침하자마자 서버에서 상품정보들을 최신화시켜서 배열에 담아 뿌려주기때문입니다. 만약 무언가를 추가하거나 삭제하거나 하는 작업이였다면 스프레드 문법이 필요할거라 생각합니다.혹시 제 생각이 맞는지 조언 여쭙습니다! 감사합니당
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
{...getInputProps()} 이 코드를 어떤 코드라고 부르나요?
<Dropzone onDrop={(acceptedFiles) => console.log(acceptedFiles)}> {({ getRootProps, getInputProps }) => ( <div style={{ width: 300, height: 240, border: '1px solid lightgray', display: 'flex', alignItems: 'center', justifyContent: 'center', }} {...getRootProps()} > <input {...getInputProps()} /> <Icon type='plus' style={{ fontSize: '3rem' }} /> </div> )} </Dropzone> 위의 코드에서 {...getRootProps()} 이 부분이 궁금합니다. ... <= 이런식으로 작성후 {}로 감싸고 함수를 작성하는거를 뭐라고 불러야하고 뭐라고 검색해봐야할까요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
rfce로 하시는데 rafce로 해줘도될까요?
rafce로 해줄경우 cosnt aaa => () => { return } 이런식으로 코드가 나오는데 나중에 크게 문제없을까요? 또 강사님은 function으로 해주신 특별한 이유가 있으신지 궁금합니당 감사합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문 있어요~
다른 질문 보고 오류를 해결하긴했는데... 페이팔에 제이름으로 로그인 했는데 왜 등록된 정보가 선생님 정보가 나오는지..... ??? 이상하네요?? (저도 어카운트 등록을 첫번째 꺼로 해서 안되어서 두번째 계정을 비밀번호만 바꿔서, 두번쨰로 로그인을 하니깐 되더라구요?? 근데 등록된 정보가 선생님 정보입니다..? 이상합니다.) 두번째로 로근인하니! 이렇게 화면이 떠서.. 분명 저도 페이팔 제 아이디로 로그인 했는데 말이죠.... 당황스러워요. 이유를 아시나용?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
phpmyadmin 서버를 이용중인데
혹시 다른 데이터베이스를 이용하는것이 아닌 제가 지금 사용중인 phpmyadmin 서버를 이용할 수 있는 방법이 있나요? 학교 과제 조건이 학교에서 제공하는 서버를 이용하는 것이라 질문 드립니다. 혹여 가능하다면 어떤 문법을 이용해야 연결 할 수 있는지 여쭙고 싶습니다. 현재 php 와 부츠트랩을 이용하여 대부분의 홈페이지를 만들었고 상품과 장바구니 페이지만 만들면 되는 상황입니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
redux 관련 질문있습니다!
Redux action 부분에서 auth 하나로 로그인 유무나 해당 회원 식별 이런게 다 가능하다고 생각하는데 혹시 logout login register도 redux action으로 따로 만들어주신 의도가 무엇인지 궁금합니다! - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
sequelize find() 함수 checkbox
프론트 부분은 이상이 없는 거 같은데. sequelize 를 이용해서 만들어 보았어요 checkbox 를 만들어서 check 된 것들만 출력 되도록 만들려고 하는데. 렌더링이 되지가 않아요 ㅠㅠ findArgs 부분이 잘 못 된 거 같은데 잘 못 잡겠습니다.