inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

이미지를 다이나믹하게 처리하라는 말씀이 어떤걸까요?

159

김요한

작성한 질문수 3

0

다이나믹하게 처리하려면 로컬주소부분을 어떻게 처리해야하는지 궁금합니다.

react redux nodejs 웹앱 mongodb

답변 2

2

John Ahn

안녕하세요  김요한님 !  

변수로 처리하시면 됩니다 !  

어떠한 파일 하나를 만드신후(예를 들어서 config.js)에 SERVER_URL   이런 변수를 만드셔서    

const SERVER_URL = localhost:5000 // 로컬

const SERVER_URL = abc.com:5000 // abc.com  

이런식으로 만드시면 됩니다 ^^ 

다른 방법으로는 .env 파일을 이용하셔서 환경변수로 처리하실수도 있습니다 ~!  

수고하세요 ^^ 

0

김요한

아아 이해했습니다!! 그런데 아래와같이  이미지를 DB에서 불러올때 map함수를 돌릴때 왜 localhost:5000/${item} 이런식으로 불러오는건가요? 그냥 original : item 이렇게 하는 게 아니라요??

useEffect(() => {

if (props.detail.images && props.detail.images.length > 0) {
let images = [];

props.detail.images.map(item => {
images.push({
original: `http://localhost:5000/${item}`,
thumbnail: `http://localhost:5000/${item}`
});
});
setImages(images);
}

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

60

1

강의자료는 어디서 볼 수있나요??

0

66

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

113

2

웹에서 실시간 코드반영이 안돼요

0

120

1

app.use질문

0

64

1

강사님께 어떻게 직접질문할수있어요??

0

75

1

const함수같은거 기초강의는 어디있나요

0

81

2

리덕스 참조챕터가 어딨어요? 미리듣고오라는데요

0

81

2

강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함

0

68

1

개발자도구에 redux란이 없어요

0

88

1

npx tailwindcss init -p 에서 계속 에러나요

0

92

1

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

0

138

2

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

0

43

1

도표 강의 자료 열람 불가능

0

109

1

tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.

0

1131

2

eslint 설정 후 오류가 납니다.

0

222

1

오버로드 오류

0

150

1

VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여

0

169

1

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

0

228

2

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

0

195

1

webkit-text-size-adjust 오류

0

314

1

does not provide an export named 'userReducer'

0

217

2

빌드 배포

0

140

1

삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~

0

220

2