Inflearn Community Q&A

nan84203857

asked

[Renewal] Creating NodeBird SNS with React

질문있습니다.

Written on

282

질문1. zip을 만드는것 까지는 성공했는데 그 뒤 sudo unzip awscliv2.zip 명령어를 치면 저런 오류가 납니다.

sudo를 빼거나 낮은 권한으로 해도 저 오류가 계속뜨네요.. 저 오류에 대해 구글링을 해서 여러가지 시도를 했지만 해결이 안되네요 어디서 잘못했을까요...

질문 2.

탄력적 ip를 받는것 까지 했습니다.

프론트가 3.35.154.166

백엔드가 52.79.107.170

그런데 도메인을 구입하지 않고 배포하려는 경우

app.js의

if (process.env.NODE_ENV === 'production') {
  app.use(morgan('combined'));
  app.use(hpp());
  app.use(helmet({ contentSecurityPolicy: false }));
  app.use(cors({
    origin: 'http://nodebird.com',
    credentials: true,
  }));
} else {
  app.use(morgan('dev'));
  app.use(cors({
    origin: true,
    credentials: true,
  }));
}

app.use(session({
  saveUninitialized: false,
  resave: false,
  secret: process.env.COOKIE_SECRET,
  cookie: {
    httpOnly: true,
    secure: false,
    domain: process.env.NODE_ENV === 'production' && '.nodebird.com'
  },
}));

이부분과

config.js의

export const backUrl = process.env.NODE_ENV === 'production' ? 'http://api.nodebird.com' : 'http://localhost:3065';

이부분을 바꿔주어야 할것 같은데 어떠한 형태로 바꿔주어야 하나요? 또한 위의 코드말고도 고쳐야 할 곳이 있는지 궁금합니다?

expressreduxreactnodejsNext.js

Answer 3

zerocho

Instructor

cors는 프론트 주소를 넣는 것입니다. sudo npm start 하면 됩니다.

nan84203857

Questioner

도메인을 만들지 않을 경우 주소를 적는것이 백엔드 주소를 넣는것이 맞나요?

app.js

if (process.env.NODE_ENV === 'production') {
  app.use(morgan('combined'));
  app.use(hpp());
  app.use(helmet({ contentSecurityPolicy: false }));
  app.use(cors({
    origin: 'http://52.79.107.170',
    credentials: true,
 }));
app.use(session({
  saveUninitialized: false,
  resave: false,
  secret: process.env.COOKIE_SECRET,
  cookie: {
    httpOnly: true,
    secure: false,
    domain: process.env.NODE_ENV === 'production' && 'http://52.79.107.170'
  },
}));

confing.js에서

export const backUrl = process.env.NODE_ENV === 'production' ? 'http://52.79.107.170' : 'http://localhost:3065';

이렇게 두곳에 전부 백엔드 주소를 넣는건지 궁금합니다.

질문2. 강의에서 다루신 부분은 도메인 빼고 다 설정을 한것 같습니다. 그런데 front와 back쪽을 실행하는 명령어가 헷갈리더라구요.

font 패키지 제이슨에는

"scripts": {
    "dev": "next -p 3060",
    "build": "cross-env ANALYZE=true NODE_ENV=production next build",
    "start": "cross-env NODE_ENV=production next start -p 80"
 },

back 에는

"scripts": {
    "dev": "nodemon app",
    "start": "cross-env NODE_ENV=production pm2 start app.js"
 },

이렇게 되어있고 npx sudo start 명령어는 실행이 안되어 둘다 sudo npm start로 했습니다

그결과 프론트는

백은

이렇게 되었습니다.

그런데 제로초님의 강의에서 썼던 명령어를 써봤는데 되지 않아 npm start로 하니까 되더라구요 상관이 없는것인지 궁금합니다

질문3. 프론트 주소로 들어가 회원가입 시도를 해보았으나

이러한 cors에러 때문에 실행이 안되는것 같습니다.

cors에러를 강의에 따라 이미 해결해 놨던것 같은데 어떻게 해야할까요?

zerocho

Instructor

1. 압축이 제대로 안 된 것 같습니다. rm -f awscliv2.zip aws-upload.zip으로 zip 파일들을 지우시고, 다시 압축해보세요.

2. http://123.45.67.89 처럼 하시면 됩니다.

nan84203857

asked

Ask a question